@digigov/react-modules 1.2.0-rc.30 → 1.2.0-rc.32

package/cjs/lazy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../lazy.js"],
-  "sourcesContent": ["import { lazy } from 'react';\nexport default {\n  'FormBuilderSyncValues': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['FormBuilderSyncValues'] }))),\n  'DrawerFilteredResults': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['DrawerFilteredResults'] }))),\n  'BlockFilteredResults': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['BlockFilteredResults'] }))),\n  'FilteredResults': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['FilteredResults'] }))),\n  'DataTable': lazy(() => import('@digigov/react-modules/FilteredResults/DataTable').then((module) => ({ default: module['DataTable'] }))),\n  'FilterChips': lazy(() => import('@digigov/react-modules/FilteredResults/FilterChips').then((module) => ({ default: module['FilterChips'] }))),\n  'FilterFields': lazy(() => import('@digigov/react-modules/FilteredResults/FilterFields').then((module) => ({ default: module['FilterFields'] })))\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqB;AACrB,IAAO,eAAQ;AAAA,EACb,6BAAyB,mBAAK,MAAM,OAAO,wCAAwC,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,uBAAuB,EAAE,EAAE,CAAC;AAAA,EACrJ,6BAAyB,mBAAK,MAAM,OAAO,wCAAwC,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,uBAAuB,EAAE,EAAE,CAAC;AAAA,EACrJ,4BAAwB,mBAAK,MAAM,OAAO,wCAAwC,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,sBAAsB,EAAE,EAAE,CAAC;AAAA,EACnJ,uBAAmB,mBAAK,MAAM,OAAO,wCAAwC,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,iBAAiB,EAAE,EAAE,CAAC;AAAA,EACzI,iBAAa,mBAAK,MAAM,OAAO,kDAAkD,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,WAAW,EAAE,EAAE,CAAC;AAAA,EACvI,mBAAe,mBAAK,MAAM,OAAO,oDAAoD,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,aAAa,EAAE,EAAE,CAAC;AAAA,EAC7I,oBAAgB,mBAAK,MAAM,OAAO,qDAAqD,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,cAAc,EAAE,EAAE,CAAC;AAClJ;",
+  "sourcesContent": ["import { lazy } from 'react';\nexport default {\n  'FormBuilderSyncValues': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['FormBuilderSyncValues'] }))),\n  'DrawerFilteredResults': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['DrawerFilteredResults'] }))),\n  'BlockFilteredResults': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['BlockFilteredResults'] }))),\n  'FilteredResults': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['FilteredResults'] }))),\n  'Faq': lazy(() => import('@digigov/react-modules/Faq').then((module) => ({ default: module['Faq'] }))),\n  'DataTable': lazy(() => import('@digigov/react-modules/FilteredResults/DataTable').then((module) => ({ default: module['DataTable'] }))),\n  'FilterChips': lazy(() => import('@digigov/react-modules/FilteredResults/FilterChips').then((module) => ({ default: module['FilterChips'] }))),\n  'FilterFields': lazy(() => import('@digigov/react-modules/FilteredResults/FilterFields').then((module) => ({ default: module['FilterFields'] })))\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqB;AACrB,IAAO,eAAQ;AAAA,EACb,6BAAyB,mBAAK,MAAM,OAAO,wCAAwC,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,uBAAuB,EAAE,EAAE,CAAC;AAAA,EACrJ,6BAAyB,mBAAK,MAAM,OAAO,wCAAwC,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,uBAAuB,EAAE,EAAE,CAAC;AAAA,EACrJ,4BAAwB,mBAAK,MAAM,OAAO,wCAAwC,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,sBAAsB,EAAE,EAAE,CAAC;AAAA,EACnJ,uBAAmB,mBAAK,MAAM,OAAO,wCAAwC,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,iBAAiB,EAAE,EAAE,CAAC;AAAA,EACzI,WAAO,mBAAK,MAAM,OAAO,4BAA4B,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,KAAK,EAAE,EAAE,CAAC;AAAA,EACrG,iBAAa,mBAAK,MAAM,OAAO,kDAAkD,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,WAAW,EAAE,EAAE,CAAC;AAAA,EACvI,mBAAe,mBAAK,MAAM,OAAO,oDAAoD,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,aAAa,EAAE,EAAE,CAAC;AAAA,EAC7I,oBAAgB,mBAAK,MAAM,OAAO,qDAAqD,EAAE,KAAK,CAACA,aAAY,EAAE,SAASA,QAAO,cAAc,EAAE,EAAE,CAAC;AAClJ;",
   "names": ["module"]
 }

package/cjs/{registry/index.js → registry.js}

@@ -31,6 +31,11 @@ __export(registry_exports, {
 });
 module.exports = __toCommonJS(registry_exports);
 var _digigov_react_modules = __toESM(require("@digigov/react-modules"));
+var _digigov_react_modules_Faq_Results = __toESM(require("@digigov/react-modules/Faq/Results"));
+var _digigov_react_modules_Faq_hooks = __toESM(require("@digigov/react-modules/Faq/hooks"));
+var _digigov_react_modules_Faq = __toESM(require("@digigov/react-modules/Faq"));
+var _digigov_react_modules_Faq_slug = __toESM(require("@digigov/react-modules/Faq/slug"));
+var _digigov_react_modules_Faq_utils = __toESM(require("@digigov/react-modules/Faq/utils"));
 var _digigov_react_modules_FilteredResults_DataTable = __toESM(require("@digigov/react-modules/FilteredResults/DataTable"));
 var _digigov_react_modules_FilteredResults_FilterChips = __toESM(require("@digigov/react-modules/FilteredResults/FilterChips"));
 var _digigov_react_modules_FilteredResults_FilterFields = __toESM(require("@digigov/react-modules/FilteredResults/FilterFields"));
@@ -54,6 +59,11 @@ function lazyImport(pkgImport) {
 }
 var registry_default = {
   "@digigov/react-modules": lazyImport(_digigov_react_modules),
+  "@digigov/react-modules/Faq/Results": lazyImport(_digigov_react_modules_Faq_Results),
+  "@digigov/react-modules/Faq/hooks": lazyImport(_digigov_react_modules_Faq_hooks),
+  "@digigov/react-modules/Faq": lazyImport(_digigov_react_modules_Faq),
+  "@digigov/react-modules/Faq/slug": lazyImport(_digigov_react_modules_Faq_slug),
+  "@digigov/react-modules/Faq/utils": lazyImport(_digigov_react_modules_Faq_utils),
   "@digigov/react-modules/FilteredResults/DataTable": lazyImport(_digigov_react_modules_FilteredResults_DataTable),
   "@digigov/react-modules/FilteredResults/FilterChips": lazyImport(_digigov_react_modules_FilteredResults_FilterChips),
   "@digigov/react-modules/FilteredResults/FilterFields": lazyImport(_digigov_react_modules_FilteredResults_FilterFields),

package/cjs/registry.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../registry.js"],
-  "sourcesContent": ["\nimport * as _digigov_react_modules from \"@digigov/react-modules\";\nimport * as _digigov_react_modules_FilteredResults_DataTable from \"@digigov/react-modules/FilteredResults/DataTable\";\nimport * as _digigov_react_modules_FilteredResults_FilterChips from \"@digigov/react-modules/FilteredResults/FilterChips\";\nimport * as _digigov_react_modules_FilteredResults_FilterFields from \"@digigov/react-modules/FilteredResults/FilterFields\";\nimport * as _digigov_react_modules_FilteredResults_hooks from \"@digigov/react-modules/FilteredResults/hooks\";\nimport * as _digigov_react_modules_FilteredResults from \"@digigov/react-modules/FilteredResults\";\nfunction lazyImport(pkgImport) {\n  return new Proxy(\n    {},\n    {\n      get: (_target, name) => {\n        if (name === '__esModule' || name === 'default') {\n          return pkgImport.default;\n        } else if(\n          name === '*'\n        ) {\n          return pkgImport;\n        } else {\n          return pkgImport[name];\n        }\n      },\n    }\n  )\n}\nexport default {\n  '@digigov/react-modules': lazyImport(_digigov_react_modules),\n  '@digigov/react-modules/FilteredResults/DataTable': lazyImport(_digigov_react_modules_FilteredResults_DataTable),\n  '@digigov/react-modules/FilteredResults/FilterChips': lazyImport(_digigov_react_modules_FilteredResults_FilterChips),\n  '@digigov/react-modules/FilteredResults/FilterFields': lazyImport(_digigov_react_modules_FilteredResults_FilterFields),\n  '@digigov/react-modules/FilteredResults/hooks': lazyImport(_digigov_react_modules_FilteredResults_hooks),\n  '@digigov/react-modules/FilteredResults': lazyImport(_digigov_react_modules_FilteredResults)\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAwC;AACxC,uDAAkE;AAClE,yDAAoE;AACpE,0DAAqE;AACrE,mDAA8D;AAC9D,6CAAwD;AACxD,SAAS,WAAW,WAAW;AAC7B,SAAO,IAAI;AAAA,IACT,CAAC;AAAA,IACD;AAAA,MACE,KAAK,CAAC,SAAS,SAAS;AACtB,YAAI,SAAS,gBAAgB,SAAS,WAAW;AAC/C,iBAAO,UAAU;AAAA,QACnB,WACE,SAAS,KACT;AACA,iBAAO;AAAA,QACT,OAAO;AACL,iBAAO,UAAU,IAAI;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AACA,IAAO,mBAAQ;AAAA,EACb,0BAA0B,WAAW,sBAAsB;AAAA,EAC3D,oDAAoD,WAAW,gDAAgD;AAAA,EAC/G,sDAAsD,WAAW,kDAAkD;AAAA,EACnH,uDAAuD,WAAW,mDAAmD;AAAA,EACrH,gDAAgD,WAAW,4CAA4C;AAAA,EACvG,0CAA0C,WAAW,sCAAsC;AAC7F;",
+  "sourcesContent": ["\nimport * as _digigov_react_modules from \"@digigov/react-modules\";\nimport * as _digigov_react_modules_Faq_Results from \"@digigov/react-modules/Faq/Results\";\nimport * as _digigov_react_modules_Faq_hooks from \"@digigov/react-modules/Faq/hooks\";\nimport * as _digigov_react_modules_Faq from \"@digigov/react-modules/Faq\";\nimport * as _digigov_react_modules_Faq_slug from \"@digigov/react-modules/Faq/slug\";\nimport * as _digigov_react_modules_Faq_utils from \"@digigov/react-modules/Faq/utils\";\nimport * as _digigov_react_modules_FilteredResults_DataTable from \"@digigov/react-modules/FilteredResults/DataTable\";\nimport * as _digigov_react_modules_FilteredResults_FilterChips from \"@digigov/react-modules/FilteredResults/FilterChips\";\nimport * as _digigov_react_modules_FilteredResults_FilterFields from \"@digigov/react-modules/FilteredResults/FilterFields\";\nimport * as _digigov_react_modules_FilteredResults_hooks from \"@digigov/react-modules/FilteredResults/hooks\";\nimport * as _digigov_react_modules_FilteredResults from \"@digigov/react-modules/FilteredResults\";\nfunction lazyImport(pkgImport) {\n  return new Proxy(\n    {},\n    {\n      get: (_target, name) => {\n        if (name === '__esModule' || name === 'default') {\n          return pkgImport.default;\n        } else if(\n          name === '*'\n        ) {\n          return pkgImport;\n        } else {\n          return pkgImport[name];\n        }\n      },\n    }\n  )\n}\nexport default {\n  '@digigov/react-modules': lazyImport(_digigov_react_modules),\n  '@digigov/react-modules/Faq/Results': lazyImport(_digigov_react_modules_Faq_Results),\n  '@digigov/react-modules/Faq/hooks': lazyImport(_digigov_react_modules_Faq_hooks),\n  '@digigov/react-modules/Faq': lazyImport(_digigov_react_modules_Faq),\n  '@digigov/react-modules/Faq/slug': lazyImport(_digigov_react_modules_Faq_slug),\n  '@digigov/react-modules/Faq/utils': lazyImport(_digigov_react_modules_Faq_utils),\n  '@digigov/react-modules/FilteredResults/DataTable': lazyImport(_digigov_react_modules_FilteredResults_DataTable),\n  '@digigov/react-modules/FilteredResults/FilterChips': lazyImport(_digigov_react_modules_FilteredResults_FilterChips),\n  '@digigov/react-modules/FilteredResults/FilterFields': lazyImport(_digigov_react_modules_FilteredResults_FilterFields),\n  '@digigov/react-modules/FilteredResults/hooks': lazyImport(_digigov_react_modules_FilteredResults_hooks),\n  '@digigov/react-modules/FilteredResults': lazyImport(_digigov_react_modules_FilteredResults)\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAwC;AACxC,yCAAoD;AACpD,uCAAkD;AAClD,iCAA4C;AAC5C,sCAAiD;AACjD,uCAAkD;AAClD,uDAAkE;AAClE,yDAAoE;AACpE,0DAAqE;AACrE,mDAA8D;AAC9D,6CAAwD;AACxD,SAAS,WAAW,WAAW;AAC7B,SAAO,IAAI;AAAA,IACT,CAAC;AAAA,IACD;AAAA,MACE,KAAK,CAAC,SAAS,SAAS;AACtB,YAAI,SAAS,gBAAgB,SAAS,WAAW;AAC/C,iBAAO,UAAU;AAAA,QACnB,WACE,SAAS,KACT;AACA,iBAAO;AAAA,QACT,OAAO;AACL,iBAAO,UAAU,IAAI;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AACA,IAAO,mBAAQ;AAAA,EACb,0BAA0B,WAAW,sBAAsB;AAAA,EAC3D,sCAAsC,WAAW,kCAAkC;AAAA,EACnF,oCAAoC,WAAW,gCAAgC;AAAA,EAC/E,8BAA8B,WAAW,0BAA0B;AAAA,EACnE,mCAAmC,WAAW,+BAA+B;AAAA,EAC7E,oCAAoC,WAAW,gCAAgC;AAAA,EAC/E,oDAAoD,WAAW,gDAAgD;AAAA,EAC/G,sDAAsD,WAAW,kDAAkD;AAAA,EACnH,uDAAuD,WAAW,mDAAmD;AAAA,EACrH,gDAAgD,WAAW,4CAA4C;AAAA,EACvG,0CAA0C,WAAW,sCAAsC;AAC7F;",
   "names": []
 }

package/index.d.ts

@@ -1 +1,2 @@
 export * from '@digigov/react-modules/FilteredResults';
+export * from '@digigov/react-modules/Faq';

package/index.js

@@ -1,7 +1,8 @@
-/** @license Digigov v1.2.0-rc.30
+/** @license Digigov v1.2.0-rc.32
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
 export * from "@digigov/react-modules/FilteredResults";
+export * from "@digigov/react-modules/Faq";
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "sourcesContent": ["export * from '@digigov/react-modules/FilteredResults';\n"],
-  "mappings": "AAAA,cAAc;",
+  "sourcesContent": ["export * from '@digigov/react-modules/FilteredResults';\nexport * from '@digigov/react-modules/Faq';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []
 }

package/lazy/index.js

@@ -4,6 +4,7 @@ export default {
   'DrawerFilteredResults': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['DrawerFilteredResults'] }))),
   'BlockFilteredResults': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['BlockFilteredResults'] }))),
   'FilteredResults': lazy(() => import('@digigov/react-modules/FilteredResults').then((module) => ({ default: module['FilteredResults'] }))),
+  'Faq': lazy(() => import('@digigov/react-modules/Faq').then((module) => ({ default: module['Faq'] }))),
   'DataTable': lazy(() => import('@digigov/react-modules/FilteredResults/DataTable').then((module) => ({ default: module['DataTable'] }))),
   'FilterChips': lazy(() => import('@digigov/react-modules/FilteredResults/FilterChips').then((module) => ({ default: module['FilterChips'] }))),
   'FilterFields': lazy(() => import('@digigov/react-modules/FilteredResults/FilterFields').then((module) => ({ default: module['FilterFields'] })))

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@digigov/react-modules",
-  "version": "1.2.0-rc.30",
+  "version": "1.2.0-rc.32",
   "description": "@digigov patterns based on ui components",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "dependencies": {
-    "@digigov/react-icons": "2.0.0-rc.30",
-    "@digigov/form": "2.0.0-rc.30",
-    "@digigov/ui": "2.0.0-rc.30",
+    "@digigov/react-icons": "2.0.0-rc.32",
+    "@digigov/form": "2.0.0-rc.32",
+    "@digigov/ui": "2.0.0-rc.32",
     "dompurify": "3.0.6"
   },
   "peerDependencies": {
     "react-query": "2.26.4",
     "clsx": "1.1.1",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0",
-    "@digigov/react-core": "2.0.0-rc.30",
-    "@digigov/css": "2.0.0-rc.30"
+    "react": "^18.3.0 || ^19.1.0",
+    "react-dom": "^18.3.0 || ^19.1.0",
+    "@digigov/react-core": "2.0.0-rc.32",
+    "@digigov/css": "2.0.0-rc.32"
   },
   "private": false,
   "typings": "./index.d.ts"

package/registry/index.js

@@ -1,5 +1,10 @@
 
 import * as _digigov_react_modules from "@digigov/react-modules";
+import * as _digigov_react_modules_Faq_Results from "@digigov/react-modules/Faq/Results";
+import * as _digigov_react_modules_Faq_hooks from "@digigov/react-modules/Faq/hooks";
+import * as _digigov_react_modules_Faq from "@digigov/react-modules/Faq";
+import * as _digigov_react_modules_Faq_slug from "@digigov/react-modules/Faq/slug";
+import * as _digigov_react_modules_Faq_utils from "@digigov/react-modules/Faq/utils";
 import * as _digigov_react_modules_FilteredResults_DataTable from "@digigov/react-modules/FilteredResults/DataTable";
 import * as _digigov_react_modules_FilteredResults_FilterChips from "@digigov/react-modules/FilteredResults/FilterChips";
 import * as _digigov_react_modules_FilteredResults_FilterFields from "@digigov/react-modules/FilteredResults/FilterFields";
@@ -25,6 +30,11 @@ function lazyImport(pkgImport) {
 }
 export default {
   '@digigov/react-modules': lazyImport(_digigov_react_modules),
+  '@digigov/react-modules/Faq/Results': lazyImport(_digigov_react_modules_Faq_Results),
+  '@digigov/react-modules/Faq/hooks': lazyImport(_digigov_react_modules_Faq_hooks),
+  '@digigov/react-modules/Faq': lazyImport(_digigov_react_modules_Faq),
+  '@digigov/react-modules/Faq/slug': lazyImport(_digigov_react_modules_Faq_slug),
+  '@digigov/react-modules/Faq/utils': lazyImport(_digigov_react_modules_Faq_utils),
   '@digigov/react-modules/FilteredResults/DataTable': lazyImport(_digigov_react_modules_FilteredResults_DataTable),
   '@digigov/react-modules/FilteredResults/FilterChips': lazyImport(_digigov_react_modules_FilteredResults_FilterChips),
   '@digigov/react-modules/FilteredResults/FilterFields': lazyImport(_digigov_react_modules_FilteredResults_FilterFields),

package/src/Faq/Faq.stories.js

@@ -0,0 +1,7 @@
+import Faq from '@digigov/react-modules/Faq';
+export default {
+  title: 'Digigov React Modules/Faq',
+  component: Faq,
+  displayName: 'Faq',
+};
+export { Default } from '@digigov/react-modules/Faq/__stories__/Default';

package/src/Faq/Results.tsx

@@ -0,0 +1,53 @@
+// Results.tsx
+import React, { useCallback } from 'react';
+import { useFormContext } from '@digigov/form/FormBuilder';
+import Button from '@digigov/ui/form/Button';
+import { Heading } from '@digigov/ui/typography/Heading';
+
+interface ResultsProps {
+  filteredSections: number;
+  primarySections: number;
+  Onclose: (v: string) => void;
+  activeQa: string;
+}
+
+const Results = React.forwardRef<HTMLHeadingElement, ResultsProps>(
+  function Results(
+    { filteredSections, Onclose, activeQa, primarySections },
+    ref
+  ) {
+    const { resetField, submit } = useFormContext();
+    const handleReset = useCallback(
+      (e: React.MouseEvent<HTMLButtonElement>) => {
+        e.preventDefault();
+
+        // Remove 'text' from the URL
+        const urlParams = new URLSearchParams(window.location.search);
+        urlParams.delete('text');
+        urlParams.delete('activeQa');
+        window.history.replaceState({}, '', '?' + urlParams.toString());
+
+        // Reset the form field
+        resetField('text', { defaultValue: '' });
+
+        // Close active FAQ
+        Onclose(activeQa);
+
+        // Submit the form (if needed)
+        submit();
+      },
+      [resetField, Onclose, submit, activeQa] // Added necessary dependencies
+    );
+
+    return (
+      <Heading ref={ref} size="sm" marginTop={4}>
+        Αποτελέσματα: {filteredSections} από {primarySections}.{' '}
+        <Button variant="link" onClick={(e) => handleReset(e)}>
+          Επαναφορά αναζήτησης
+        </Button>
+      </Heading>
+    );
+  }
+);
+
+export default Results;

package/src/Faq/__stories__/Default.tsx

@@ -0,0 +1,292 @@
+import React, { useEffect, useState } from 'react';
+import Faq, {
+  sectionsConfigType,
+  ContentsType,
+} from '@digigov/react-modules/Faq';
+import {
+  useFaqSearch,
+  useURLParamsSearch,
+} from '@digigov/react-modules/Faq/hooks';
+
+const contentsConfig: ContentsType = {
+  title: 'Συχνές Ερωτήσεις',
+  toc: {
+    title: 'Περιεχόμενα',
+    placement: 'right',
+  },
+  search: {
+    title: 'Αναζήτηση',
+  },
+};
+
+const sectionsConfig: sectionsConfigType = {
+  sections: [
+    {
+      id: 'general',
+      title: '1. Γενικές ερωτήσεις',
+      qa: [
+        {
+          id: 'digital_docs',
+          question: 'Τι είναι τα ψηφιακά έγγραφα του Gov.gr Wallet;',
+          answer:
+            ' <p>Τα νέα ψηφιακά έγγραφα της εφαρμογής Gov.gr Wallet, σύμφωνα με το άρθρο 80 του Ν.4954/2022 είναι ψηφιακά έγγραφα πλήρως ισάξια με τα έγχαρτα έγγραφα, για κάθε νόμιμη χρήση εντός της Ελληνικής επικράτειας. Δεν αποτελούν διεθνή ταξιδιωτικά έγγραφα.',
+        },
+        {
+          id: 'wallet_app',
+          question: 'Από πότε είναι διαθέσιμη η εφαρμογή Gov.gr Wallet;',
+          answer:
+            ' <p>Η εφαρμογή Gov.gr Wallet είναι διαθέσιμη από τις 27 Ιουλίου 2022. Η πρόσβαση και χρήση της εφαρμογής θα είναι δυνατή τμηματικά σύμφωνα με το τελευταίο ψηφίο στον ΑΦΜ του πολίτη αρχής γενομένης την 27η Ιουλίου από τον αριθμό 1. Η Κάρτα Αναπηρίας θα είναι διαθέσιμη μέσω του Gov.gr Wallet από την 21.11.2022.',
+        },
+        {
+          id: 'internet_connection',
+          question:
+            'Απαιτείται σύνδεση στο Διαδίκτυο για την χρήση της εφαρμογής;',
+          answer:
+            ' <p>Η λειτουργία ειδοποιήσεων (Push Notifications) είναι απαραίτητη για την εύρυθμη λειτουργία της εφαρμογής, διότι μέσω αυτής λαμβάνετε τα αιτήματα συγκατάθεσης σε περίπτωση ελέγχου ενός ψηφιακού εγγράφου σας ή σε περίπτωση αιτήματος υπογραφής ενός εγγράφου μέσω του [docs.gov.gr](https://docs.gov.gr/).',
+        },
+        {
+          id: 'notifications',
+          question:
+            'Γιατί απαιτείται να ενεργοποιήσω τη δυνατότητα να λαμβάνω ειδοποιήσεις στο κινητό μου από το Gov.gr Wallet;',
+          answer:
+            ' <p>Η λειτουργία ειδοποιήσεων (Push Notifications) είναι απαραίτητη για  την εύρυθμη λειτουργία της εφαρμογής, διότι μέσω αυτής λαμβάνετε τα  αιτήματα συγκατάθεσης σε περίπτωση ελέγχου ενός ψηφιακού εγγράφου  σας ή σε περίπτωση αιτήματος υπογραφής ενός εγγράφου μέσω του [docs.gov.gr](https://docs.gov.gr/).',
+        },
+        {
+          id: 'save_docs',
+          question: 'Πώς αποθηκεύω τα ψηφιακά έγγραφα στο κινητό μου;',
+          answer: `
+             <p>Αφού ταυτοποιηθείτε στην εφαρμογή μέσω των κωδικών TaxisNet ή των κωδικών web banking και επιβεβαιώσετε τον αριθμό κινητού τηλεφώνου σας με το σχετικό OTP SMS, μπορείτε να δημιουργήσετε και αποθηκεύσετε τα σχετικά έγγραφα απλά και γρήγορα: πατώντας σε κάθε έγγραφο, εισάγετε αμέσως μετά τον σχετικό κωδικό επιβεβαίωσης τον οποίο θα λάβετε μέσω OTP SMS. <br/>
+             <p>Σε περίπτωση που ανακαλέσετε το ψηφιακό έγγραφο (δηλαδή το διαγράψετε), μπορείτε να επαναλάβετε τη διαδικασία δημιουργίας του ψηφιακού εγγράφου και πάλι.<br/>
+             <p>Σε συσκευές iOS, μπορείτε να αποθηκεύσετε τα έγγραφα και στο Wallet της συσκευής / λειτουργικού συστήματος.
+            `,
+        },
+        {
+          id: 'use_docs',
+          question:
+            'Τι θα μπορώ να κάνω με το ψηφιακά έγγραφα του Gov.gr Wallet;',
+          answer: `
+             <p>Εφόσον είναι πλήρως ισάξια ως προς την ισχύ τους με τα φυσικά έγγραφα μπορείτε να τα χρησιμοποιείτε για κάθε αντίστοιχη νόμιμη χρήση εντός της επικράτειας. Εξαιρούνται τα διεθνή ταξίδια (εντός και εκτός Schengen).<br/>
+             <p>Η χρήση του ψηφιακού δελτίου ταυτότητας για συναλλαγές με τραπεζικά ιδρύματα ή παρόχους κινητής ή σταθερής τηλεφωνίας είναι πλέον σε ισχύ. Δηλαδή, η χρήση του ψηφιακού δελτίου ταυτότητας είναι αποδεκτή από τα εν λόγω ιδρύματα και παρόχους, για οποιαδήποτε συναλλαγή.<br/>
+             <p>Επιπλέον, χρησιμοποιώντας την εφαρμογή Gov.gr Wallet μπορείτε να υπογράφετε ψηφιακά κάθε έγγραφο στο [docs.gov.gr](https://docs.gov.gr/), δηλαδή: Υπεύθυνη Δήλωση, Εξουσιοδότηση, Ψηφιακή Βεβαίωση Εγγράφου (ψηφιακό γνήσιο της υπογραφής σε ελληνικά και αγγλικά) ή Ιδιωτικό Συμφωνητικό με άλλα φυσικά πρόσωπα.<br/>
+             <p>Για την Κάρτα Αναπηρίας, ενημερωθείτε αναλυτικότερα [εδώ](https://karta.epan.gov.gr/)
+          `,
+        },
+        {
+          id: 'paper_docs',
+          question:
+            'Υπάρχει κάποια διαδικασία για την οποία θα εξακολουθώ να χρειάζομαι την έγχαρτη ταυτότητα ή το έγχαρτο δίπλωμα ή την έγχαρτη Κάρτα Αναπηρίας;',
+          answer:
+            ' <p>Το ψηφιακό δελτίο ταυτότητας και η ψηφιακή άδεια οδήγησης είναι πλήρως ισάξια ως προς την ισχύ τους με τα φυσικά έγγραφα, ως εκ τούτου δεν υπάρχει κάποια χρήση του δελτίου ταυτότητας που απαιτεί την παρουσίαση του φυσικού δελτίου, πλην της μεταβατικής περιόδου για τραπεζικά ιδρύματα ή παρόχους κινητής ή σταθερής τηλεφωνίας.',
+        },
+        {
+          id: 'lost_phone',
+          question:
+            'Σε περίπτωση που κάποιος κλέψει το κινητό μου, πρέπει να κάνω κάτι για να ακυρώσω τα ψηφιακά πιστοποιητικά που είχα αποθηκεύσει;',
+          answer: `
+             <p>Μπορείτε να ανακαλέσετε την ισχύ των ψηφιακών εγγράφων σας μέσω της σχετικής υπηρεσίας στο gov.gr.<br/>
+             <p>Μόλις πραγματοποιηθεί η σχετική δήλωση, αυτόματα παύει η ισχύς και των ψηφιακών αντιγράφων.
+          `,
+        },
+        {
+          id: 'multiple_devices',
+          question:
+            'Μπορώ να είμαι συνδεδεμένος στην εφαρμογή Gov.gr Wallet και να έχω πρόσβαση στα έγγραφά μου από δύο (2) συσκευές;',
+          answer:
+            ' <p>Η εφαρμογή μπορεί να είναι εγκατεστημένη μόνο σε μία συσκευή. Κάθε νέα εγκατάσταση αναιρεί την προηγούμενη.',
+        },
+        {
+          id: 'more_support',
+          question:
+            ' Έχω μία ερώτηση η οποία δεν καλύπτεται από τις συχνές ερωτήσεις, ένα αίτημα υποστήριξης, ή σχόλια και παρατηρήσεις για την εφαρμογή. Που μπορώ να απευθυνθώ;',
+          answer: `
+            <p>Εάν η απορία σας αφορά την εφαρμογή Gov.gr Wallet, μπορείτε να στείλετε την ερώτηση ή το αίτημα υποστήριξής σας μέσω του [wallet.gov.gr/support](https://support.gov.gr/guide/index.jsp?type=govgr188).<p/>
+            <p>Εάν η απορία σας αφορά γενικώς την Κάρτα Αναπηρίας, παρακαλούμε δείτε τις Συχνές Ερωτήσεις στην εφαρμογή της Κάρτας Αναπηρίας [εδώ](https://karta.epan.gov.gr/). </p>
+          `,
+        },
+      ],
+    },
+    {
+      id: 'driving_license',
+      title: '2. Ταυτότητα και Άδεια Οδήγησης',
+      qa: [
+        {
+          id: 'replace_old_id',
+          question:
+            'Νέες ταυτότητες: Έχω εκδώσει νέα αστυνομική ταυτότητα. Πως μπορώ να την προσθέσω στο Gov.gr Wallet, αντικαθιστώντας την παλιά;',
+          answer: `
+             <p>Αν έχετε ήδη εγκαταστήσει το προηγούμενο ψηφιακό δελτίο ταυτότητας στο Gov.gr Wallet και έχετε προχωρήσει στην έκδοση της νέας ταυτότητας, θα πρέπει να ακολουθήσετε την παρακάτω διαδικασία:</p>
+             <p>1. Ανάκληση υπάρχοντος εγγράφου ταυτότητας (κουμπί με τελείες πάνω δεξιά) όπως στην παρακάτω εικόνα:</p>
+             <p>2. Έκδοση νέου εγγράφου (κουμπί + πάνω στην άδεια ταυτότητα δεξιά) όπως στην παρακάτω εικόνα:</p>
+             <p>3. Εάν για οποιαδήποτε λόγο αποτύχει το παραπάνω βήμα, θα πρέπει να προχωρήσετε σε απεγκατάσταση και εκ νέου εγκατάσταση της εφαρμογής από το κινητό τους και να επαναλάβετε το βήμα 2.</p>
+          `,
+        },
+        {
+          id: 'replace_old_driving_license',
+          question:
+            'Έχασα την έγχαρτη ταυτότητα ή/και το έγχαρτο δίπλωμα αφού είχα δημιουργήσει τα αντίστοιχα ψηφιακά πιστοποιητικά. Πρέπει να κάνω κάτι;',
+          answer: `
+             <p>Μπορείτε να δηλώσετε την απώλεια δελτίου ταυτότητας ψηφιακά μέσω του gov.gr και τη σχετική υπηρεσία (Δήλωση απώλειας αστυνομικού δελτίου ταυτότητας) ή στα κατά τόπους Αστυνομικά Τμήματα.</p>
+             <p>Αντιστοίχως, μπορείτε να δηλώσετε την απώλεια της άδειας οδήγησης στα κατά τόπους Αστυνομικά Τμήματα, ΚΕΠ, ή στα γραφεία της εκάστοτε Διεύθυνσης Μεταφορών της Περιφέρειάς σας.</p>
+             <p>Μόλις πραγματοποιηθεί η σχετική δήλωση και εφόσον έχετε εκδώσει ψηφιακό δελτίο ταυτότητας, αυτόματα παύει η ισχύς και του ψηφιακού αντιγράφου.</p>
+          `,
+        },
+        {
+          id: 'publish_id',
+          question:
+            'Το δελτίο ταυτότητας ή η άδεια οδήγησης μου κρατείται προσωρινά από κάποιον φορέα, πχ. επειδή πραγματοποιώ τη στρατιωτική μου θητεία ή από την Ελληνική Αστυνομία λόγω παραβίασης του ΚΟΚ. Μπορώ να εκδώσω ψηφιακό δελτίο ταυτότητας ή ψηφιακή άδεια οδήγησης;',
+          answer: `
+            " <p>Σε περίπτωση που έχετε ήδη εκδώσει ψηφιακό αντίγραφο του δελτίου ταυτότητας ή της άδειας οδήγησης και πρέπει να κρατηθεί το φυσικό έγγραφο προσωρινά, τότε μόλις η κράτηση δηλωθεί συστημικά από τον φορέα ή οργανισμό που πραγματοποιεί την κράτηση, πραγματοποιείται ανάκληση της ισχύους και του ψηφιακού."</p>
+            " <p>Σε περίπτωση που δεν έχετε εκδώσει ήδη ψηφιακό αντίγραφο του δελτίου ταυτότητας ή της άδειας οδήγησης, τότε μόλις η κράτηση δηλωθεί συστημικά από τον φορέα ή οργανισμό που πραγματοποιεί την κράτηση, δεν μπορείτε να εκδώσετε ψηφιακό αντίγραφο έως ότου σας επιστραφεί το φυσικό έγγραφο."</p>
+            " <p>Επιτρέπεται να εκδώσετε ψηφιακό δελτίο ταυτότητας ή ψηφιακή άδεια οδήγησης μόνο εφόσον το αντίστοιχο φυσικό σας έγγραφο είναι σε ισχύ και το έχετε στην κατοχή σας."</p>
+          `,
+        },
+        {
+          id: 'publish_id_failure',
+          question:
+            'Δεν μπορώ να εκδώσω το ψηφιακό δελτίο ταυτότητας μου και λαμβάνω μηνύματα αποτυχίας ή τα στοιχεία που παρουσιάζονται δεν είναι ακριβή. Τι πρέπει να κάνω;',
+          answer: `
+             <p>Εάν δεν μπορείτε να εκδώσετε το ψηφιακό δελτίο ταυτότητας και λαμβάνετε συνεχώς μηνύματα αποτυχίας ή τα στοιχεία που παρουσιάζονται δεν είναι ακριβή, παρακαλούμε ξεκινήστε ένα αίτημα υποστήριξης μέσω του [wallet.gov.gr/support](https://support.gov.gr/guide/index.jsp?type=govgr188).</p>
+             <p>Εάν δεν έχετε εκδώσει δελτίο ταυτότητας ή εάν το δελτίο ταυτότητάς έχει δηλωθεί ως απολεσθέν, τότε δεν μπορείτε να εκδώσετε ψηφιακό δελτίο ταυτότητας έως ότου εκδοθεί το νέο δελτίο.</p>
+          `,
+        },
+        {
+          id: 'publish_driving_license_failure',
+          question:
+            'Δεν μπορώ να εκδώσω την ψηφιακή άδεια οδήγησης μου και λαμβάνω μηνύματα αποτυχίας ή τα στοιχεία που παρουσιάζονται δεν είναι ακριβή. Τι πρέπει να κάνω;',
+          answer: `
+             <p>Εάν δεν μπορείτε να εκδώσετε την ψηφιακή άδεια οδήγησης και λαμβάνετε συνεχώς μηνύματα αποτυχίας έκδοσης, κατά πάσα πιθανότητα, δεν έχει ενημερωθεί η άδεια οδήγησής σας με το ΑΦΜ σας. Για να πραγματοποιήσετε την ενημέρωση του ΑΦΜ παρακαλούμε επισκεφθείτε την υπηρεσία [drivers-vehicles.services.gov.gr](https://drivers-vehicles.services.gov.gr/) και ακολουθήστε τα σχετικά βήματα. Μόλις ενημερωθεί η άδεια οδήγησης με το ΑΦΜ σας, θα μπορείτε να εκδώσετε και την ψηφιακή άδεια οδήγησης.</p>
+             <p>Εάν δεν έχετε εκδώσει δελτίο ταυτότητας ή εάν το δελτίο ταυτότητάς έχει δηλωθεί ως απολεσθέν, τότε δεν μπορείτε να εκδώσετε ψηφιακή άδεια οδήγησης έως ότου εκδοθεί το νέο δελτίο.</p>
+          `,
+        },
+      ],
+    },
+    {
+      id: 'epan',
+      title: '3. Κάρτα Αναπηρίας',
+      qa: [
+        {
+          id: 'replace_old_epan',
+          question:
+            'Έχασα την έγχαρτη Κάρτα Αναπηρίας, αφού είχα δημιουργήσει τα αντίστοιχα ψηφιακά πιστοποιητικά. Πρέπει να κάνω κάτι;',
+          answer:
+            '<p>Μπορείτε να εισέλθετε στην εφαρμογή της [Κάρτας Αναπηρίας](https://karta.epan.gov.gr/) και απλώς να εκτυπώσετε ξανά την Κάρτα σας.</p>',
+        },
+        {
+          id: 'revert_epan',
+          question:
+            'Εάν ανακαλέσω την ψηφιακή Κάρτα Αναπηρίας μου, ακυρώνεται και η έγχαρτη Κάρτα που έχω;',
+          answer:
+            ' <p>Ναι, ακυρώνεται αυτομάτως και η έγχαρτη Κάρτα. Μπορείτε βέβαια να την επανεκδώσετε με την ίδια διαδικασία και τις ίδιες προϋποθέσεις.',
+        },
+        {
+          id: 'update_epan',
+          question:
+            'Εάν επικαιροποιήσω τα στοιχεία της Κάρτας Αναπηρίας μου στην web εφαρμογή, επικαιροποιούνται αυτόματα και τα στοιχεία της ψηφιακής μου Κάρτας;',
+          answer:
+            ' <p>Η επικαιροποίηση των στοιχείων σας γίνεται αυτόματα και στην ψηφιακή Κάρτα Αναπηρίας.</p>',
+        },
+        {
+          id: 'publish_epan_failure',
+          question:
+            'Δεν μπορώ να εκδώσω την ψηφιακή Κάρτα Αναπηρίας.Τι πρέπει να κάνω;',
+          answer: `
+             <p>Εάν δεν μπορείτε να εκδώσετε την ψηφιακή Κάρτα Αναπηρίας, ενώ έχετε εκδώσει έγχαρτη Κάρτα Αναπηρίας και είναι σε ισχύ, παρακαλούμε ξεκινήστε ένα αίτημα υποστήριξης μέσω του [wallet.gov.gr/support](https://wallet.gov.gr/support).</p>
+             <p>Εάν δεν μπορείτε να εκδώσετε την ψηφιακή Κάρτα Αναπηρίας, και δεν έχετε εκδώσει έγχαρτη Κάρτα Αναπηρίας, παρακαλούμε επιχειρήστε να εκδώσετε έγχαρτη Κάρτα Αναπηρίας στην [web εφαρμογή](https://karta.epan.gov.gr/) και ακολουθήστε τις σχετικές οδηγίες της.</p>
+          `,
+        },
+      ],
+    },
+    {
+      id: 'validation',
+      title: '4. Έλεγχος Εγγράφων Gov.gr Wallet',
+      qa: [
+        {
+          id: 'validators',
+          question:
+            'Ποιοι και πώς θα μπορούν να ελέγξουν τη γνησιότητα των ψηφιακών εγγράφων;',
+          answer: `
+             <p>Τα ψηφιακά εγγραφα της εφαρμογής Gov.gr Wallet είναι πλήρως ισάξια ως προς την ισχύ τους με τα φυσικά έγγραφα σύμφωνα με το άρθρο 80 του Ν.4954/2022, ως εκ τούτου, όποιος ή όποια ελεγκτής δικαιούται να ελέγξει τα φυσικά έγγραφά σας, μπορεί επίσης να ελέγξει και να επαληθεύσει τα ψηφιακά.</p>
+             <p>Ο έλεγχος εγκυρότητας του εγγράφου πραγματοποιείται δείχνοντας στον ελεγκτή το QR code του εκάστοτε εγγράφου. Αφού ο ελεγκτής «σκανάρει» με τη δική του συσκευή το QR code σας, τότε θα πρέπει να δώσετε (ή όχι) έγκριση για τον έλεγχο αυτό μέσα από την εφαρμογή του Gov.gr Wallet. Εφόσον δώσετε έγκριση, τότε θα εμφανιστεί ένας 6-ψήφιος κωδικός τον οποίο μπορείτε να αναφέρετε ή δείξετε στον ελεγκτή σας. Μόνο - και μόνον τότε - όταν ο ελεγκτής εισάγει επιτυχώς τον κωδικό αυτό, θα μπορεί να δει τα στοιχεία του ψηφιακού δελτίου ταυτότητας ή της άδειας οδήγησης σας.</p>
+          `,
+        },
+        {
+          id: 'quick_scan',
+          question:
+            'Τι είναι η διαδικασία Quick Scan και γιατί να τη χρησιμοποιήσω;',
+          answer:
+            '<p>Η λειτουργία Quick Scan είναι ένας τρόπος γρηγορότερης και απλούστερης επαλήθευσης των εγγράφων σας κρατώντας πάντα το ίδιο επίπεδο ασφάλειας και ιδιωτικότητας. Σε περιπτώσεις που η ταχύτητα είναι απαραίτητη ή υπάρχει συνωστισμός, για παράδειγμα κατά τη διάρκεια επιβίβασης σε αεροσκάφος ή εισόδου σε συναυλιακό χώρο, ενεργοποιώντας το Quick Scan δίνετε «προέγκριση» μόνο για τον αμέσως επόμενο έλεγχο εντός των επόμενων πέντε λεπτών από τη στιγμή ενεργοποίησης της λειτουργίας. Έτσι, κατά τον έλεγχο του QR code δεν απαιτείται η έγκριση της σχετικής ειδοποίησης ξανά και ο ελεγκτής βλέπει απευθείας τα στοιχεία του ψηφιακού σας εγγράφου.</p>',
+        },
+        {
+          id: 'validation_failure',
+          question:
+            'Δεν μπορώ να επαληθεύσω ένα ψηφιακό έγγραφο είτε ως ελεγχόμενος (πχ. δεν λαμβάνω ειδοποιήσεις) ή ελεγκτής (πχ. αποτυγχάνουν οι κλήσεις μου). Τι πρέπει να κάνω;',
+          answer: `
+             <p>Παρακαλούμε βεβαιωθείτε πως στις ρυθμίσεις της συσκευής σας η λήψη ειδοποιήσεων για το Gov.gr Wallet είναι ενεργοποιημένη και ότι το δίκτυο στο οποίο βρίσκεστε δεν περιορίζει τις κλήσεις του Gov.gr Wallet. Σε περίπτωση που υπάρχει παρατεταμένο πρόβλημα κατά τη διάρκεια ελέγχου, μπορείτε πάντα να χρησιμοποιήσετε την λειτουργία “Quick Scan”.</p>
+             <p>Ακόμη, εάν το πρόβλημα συνεχίζει μπορείτε να σβήσετε και να εγκαταστήσετε εκ νέου την εφαρμογή.</p>
+             <p>Τέλος, εάν αντιμετωπίζετε κάποιο πρόβλημα το οποίο δεν έχει επιλυθεί με τα παραπάνω βήματα, μπορείτε να στείλετε την ερώτηση ή το αίτημα υποστήριξής σας μέσω του [wallet.gov.gr/support](https://support.gov.gr/guide/index.jsp?type=govgr188).</p>
+          `,
+        },
+        {
+          id: 'notifications_spam',
+          question:
+            'Λαμβάνω συνέχεια ειδοποιήσεις ελέγχου ενός ψηφιακού εγγράφου μου ή μου ήρθε μια ειδοποίηση ελέγχου ενώ δεν το περίμενα. Τι πρέπει να κάνω;',
+          answer:
+            ' <p>Σε περίπτωση που λάβετε μία ή περισσότερες ειδοποιήσεις ενώ δεν έχετε επιδείξει σε κάποιον ελεγκτή το ψηφιακό σας έγγραφο, τότε μπορείτε πολύ απλά, εύκολα και γρήγορα να ανακαλέσετε το υφιστάμενο ψηφιακό έγγραφο μέσα από τη σχετική επιλογή στην εφαρμογή και να το επανεκδώσετε.</p>',
+        },
+      ],
+    },
+  ],
+};
+
+export const Default = (_: any) => {
+  const { filteredSections, search } = useFaqSearch(sectionsConfig);
+
+  const navigate = (url) => {
+    if (window.history.pushState) {
+      const newUrl =
+        window.location.protocol +
+        '//' +
+        window.location.host +
+        window.location.pathname +
+        url;
+      window.history.pushState({ path: newUrl }, '', newUrl);
+    }
+  };
+
+  const { search: urlSearch, values } = useURLParamsSearch(search, {
+    filteredSections,
+    navigate,
+  });
+
+  const [activeQa, onActiveQa] = useState<string>('');
+
+  useEffect(() => {
+    if (activeQa) {
+      const urlParams = new URLSearchParams(document.location.search);
+      urlParams.delete('activeQa');
+      urlParams.set('activeQa', activeQa);
+      navigate('?' + urlParams.toString());
+    }
+  }, [activeQa]);
+
+  useEffect(() => {
+    const urlParams = new URLSearchParams(document.location.search);
+    const urlActiveQa = urlParams.get('activeQa');
+    if (urlActiveQa) {
+      onActiveQa(urlActiveQa);
+    }
+  }, []);
+  return (
+    <>
+      <Faq
+        onActiveQa={onActiveQa}
+        activeQa={activeQa}
+        initialSections={sectionsConfig}
+        sections={filteredSections}
+        submitValues={values}
+        contents={contentsConfig}
+        search={urlSearch}
+      />
+    </>
+  );
+};

package/src/Faq/hooks.ts

@@ -0,0 +1,89 @@
+import { useState } from 'react';
+import { sectionsConfigType, SectionType } from '@digigov/react-modules/Faq';
+import { slug } from '@digigov/react-modules/Faq/slug';
+const removeAccents = (text: string) => {
+  return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+};
+
+export const useURLParamsSearch = (
+  searchFunc: (params: Record<string, string | undefined>) => void,
+  {
+    navigate,
+    filteredSections,
+  }: { navigate: (url: string) => void; filteredSections: SectionType[] }
+) => {
+  const urlParams = new URLSearchParams(window.location.search);
+  const currentParams = Object.fromEntries(urlParams.entries());
+  const hashId = window.location.hash ? window.location.hash.slice(1) : '';
+
+  // When filtered sections change, check if hash should be preserved
+  const hashExistsInFilteredSections = filteredSections.some((section) =>
+    section.qa.some(
+      ({ id, question }) => id === hashId || slug(question) === hashId
+    )
+  );
+
+  const search = (params: Record<string, string>) => {
+    const updatedParams = Object.entries({
+      ...currentParams,
+      ...params,
+    })
+      .filter(([, value]) => Boolean(value)) // Ensure value is not empty
+      .reduce(
+        (acc, [key, value]) => {
+          acc[key] = value as string; // Explicitly cast to string
+          return acc;
+        },
+        {} as Record<string, string>
+      ); // Ensure correct type
+
+    const newUrl = Object.keys(updatedParams).length
+      ? '?' + new URLSearchParams(updatedParams).toString()
+      : window.location.pathname; // Reset to base URL if no params
+
+    const finalURL = hashExistsInFilteredSections
+      ? newUrl + `#${hashId}`
+      : newUrl;
+    navigate(finalURL);
+    return searchFunc(params);
+  };
+  return { search, values: { text: currentParams.text }, hashId };
+};
+
+export const useFaqSearch = (questions: sectionsConfigType) => {
+  const [filteredSections, setFilteredSections] = useState(questions.sections);
+
+  const search = (values: Record<string, string>) => {
+    if (!values || !values.text?.trim()) {
+      setFilteredSections(questions.sections);
+      return;
+    }
+
+    const searchValue: string = values.text.trim(); // Ensure no spaces-only search
+    const normalizedSearchWord = removeAccents(searchValue.toLowerCase());
+
+    const filteredSections = questions.sections
+      .map((section: SectionType) => {
+        const filteredQa = section.qa.filter(({ question, answer }: any) => {
+          const normalizedQuestion = removeAccents(
+            question?.toLowerCase() || ''
+          );
+          const normalizedAnswer = removeAccents(answer?.toLowerCase() || '');
+          return (
+            normalizedQuestion.includes(normalizedSearchWord) ||
+            normalizedAnswer.includes(normalizedSearchWord)
+          );
+        });
+
+        return { ...section, qa: filteredQa };
+      })
+      .filter((section: SectionType) => section.qa.length > 0);
+
+    setFilteredSections(filteredSections);
+  };
+
+  return {
+    filteredSections,
+    search,
+  };
+};