Updated dependencies and adjusted code for it

.yarnrc.yml

@@ -8,6 +8,9 @@ packageExtensions:
   "@graphql-codegen/plugin-helpers@*":
     dependencies:
       "@graphql-tools/apollo-engine-loader": "*"
+  "@inquirer/core@^10.0.0":
+    dependencies:
+      "@types/node": "*"
   "@rushstack/eslint-patch@*":
     peerDependencies:
       "@eslint/eslintrc": "*"
@@ -43,40 +46,7 @@ packageExtensions:
   node-fetch@*:
     dependencies:
       encoding: "*"
-  "@inquirer/[email protected]":
-    dependencies:
-      "@types/node": "*"
-  "@inquirer/[email protected]":
-    dependencies:
-       "@types/node": "*"
-  "@inquirer/[email protected]":
-    dependencies:
-      "@types/node": "*"
-  "@inquirer/[email protected]":
-    dependencies:
-       "@types/node": "*"
-  "@inquirer/[email protected]":
-    dependencies:
-       "@types/node": "*"
-  "@inquirer/[email protected]":
-    dependencies:
-       "@types/node": "*"
-  "@inquirer/[email protected]":
-    dependencies:
-       "@types/node": "*"
-  "@inquirer/[email protected]":
-    dependencies:
-       "@types/node": "*"
-  "@inquirer/[email protected]":
-    dependencies:
-       "@types/node": "*"
-  "@inquirer/[email protected]":
-    dependencies:
-       "@types/node": "*"
-  "@inquirer/[email protected]":
-    dependencies:
-       "@types/node": "*"
 
 pnpMode: strict
 
-yarnPath: .yarn/releases/yarn-4.5.0.cjs
+yarnPath: .yarn/releases/yarn-4.5.1.cjs

apps/frontend/package.json

@@ -18,66 +18,66 @@
     "type-check": "tsc --pretty --noEmit"
   },
   "dependencies": {
-    "@formatjs/intl-localematcher": "^0.5.4",
-    "@headlessui/react": "^2.1.9",
+    "@formatjs/intl-localematcher": "^0.5.6",
+    "@headlessui/react": "^2.2.0",
     "@heroicons/react": "^2.1.5",
     "@react-hook/window-size": "^3.1.1",
-    "@remkoj/optimizely-cms-nextjs": "2.1.0",
-    "@remkoj/optimizely-cms-react": "2.1.0",
-    "@remkoj/optimizely-graph-client": "2.1.0",
-    "@remkoj/optimizely-one-nextjs": "2.1.0",
+    "@remkoj/optimizely-cms-nextjs": "3.0.0",
+    "@remkoj/optimizely-cms-react": "3.0.0",
+    "@remkoj/optimizely-graph-client": "3.0.0",
+    "@remkoj/optimizely-one-nextjs": "3.0.0",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/typography": "^0.5.15",
-    "@vercel/speed-insights": "^1.0.12",
+    "@vercel/speed-insights": "^1.0.14",
     "@vercel/stega": "^0.1.2",
     "autoprefixer": "10.4.20",
     "clsx": "^2.1.1",
     "crypto-js": "^4.2.0",
     "deepmerge": "^4.3.1",
     "entities": "^5.0.0",
     "eslint": "8.57.1",
-    "eslint-config-next": "14.2.15",
-    "framer-motion": "^11.11.4",
+    "eslint-config-next": "14.2.16",
+    "framer-motion": "^11.11.11",
     "graphql": "^16.9.0",
     "graphql-request": "^6.1.0",
     "graphql-tag": "^2.12.6",
-    "negotiator": "^0.6.3",
-    "next": "^14.2.15",
+    "negotiator": "^1.0.0",
+    "next": "^14.2.16",
     "postcss": "8.4.47",
     "react": "18.3.1",
     "react-content-loader": "^7.0.2",
     "react-dom": "18.3.1",
-    "react-select": "^5.8.1",
-    "sass": "^1.79.4",
+    "react-select": "^5.8.2",
+    "sass": "^1.80.5",
     "sharp": "^0.33.5",
     "swr": "^2.2.5",
-    "tailwindcss": "3.4.13",
-    "uuid": "^10.0.0"
+    "tailwindcss": "3.4.14",
+    "uuid": "^11.0.2"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.1.0",
     "@graphql-codegen/cli": "^5.0.3",
-    "@graphql-codegen/client-preset": "^4.4.0",
+    "@graphql-codegen/client-preset": "^4.5.0",
     "@graphql-codegen/fragment-matcher": "^5.0.2",
-    "@graphql-codegen/plugin-helpers": "^5.0.4",
-    "@graphql-codegen/typescript": "^4.1.0",
-    "@graphql-codegen/typescript-operations": "^4.3.0",
+    "@graphql-codegen/plugin-helpers": "^5.1.0",
+    "@graphql-codegen/typescript": "^4.1.1",
+    "@graphql-codegen/typescript-operations": "^4.3.1",
     "@graphql-typed-document-node/core": "^3.2.0",
     "@headlessui/tailwindcss": "^0.2.1",
     "@parcel/watcher": "^2.4.1",
-    "@remkoj/optimizely-cms-api": "2.1.0",
-    "@remkoj/optimizely-cms-cli": "2.1.0",
-    "@remkoj/optimizely-graph-cli": "2.1.0",
-    "@remkoj/optimizely-graph-functions": "2.1.0",
+    "@remkoj/optimizely-cms-api": "3.0.0",
+    "@remkoj/optimizely-cms-cli": "3.0.0",
+    "@remkoj/optimizely-graph-cli": "3.0.0",
+    "@remkoj/optimizely-graph-functions": "3.0.0",
     "@tailwindcss/forms": "^0.5.9",
-    "@types/chalk": "^2.2.0",
-    "@types/deepmerge": "^2.2.0",
+    "@types/chalk": "^2.2.4",
+    "@types/deepmerge": "^2.2.3",
     "@types/graphql": "^14.5.0",
     "@types/negotiator": "^0.6.3",
-    "@types/node": "^22.7.5",
-    "@types/react": "18.3.11",
-    "@types/react-dom": "18.3.0",
+    "@types/node": "^22.8.6",
+    "@types/react": "18.3.12",
+    "@types/react-dom": "18.3.1",
     "@types/uuid": "^10.0.0",
     "chalk": "^5.3.0",
     "dotenv": "^16.4.5",

apps/frontend/src/components/cms/component/BlogListingBlock/BlogListingBlock.opti-type.json

@@ -0,0 +1,35 @@
+{
+  "key": "BlogListingBlock",
+  "displayName": "Blog Listing Block",
+  "description": "Listing of blog pages with configuration for how many items to show and whether to show filters or not.",
+  "baseType": "component",
+  "sortOrder": 100,
+  "mayContainTypes": [],
+  "mediaFileExtensions": [],
+  "created": "2024-02-05T00:07:00.7766667+00:00",
+  "lastModified": "2024-02-05T00:17:48.68+00:00",
+  "properties": {
+    "BlogListingShowFilters": {
+      "type": "boolean",
+      "displayName": "Show Filters",
+      "description": "Whether or not to allow filtering of the data.",
+      "localized": false,
+      "required": false,
+      "group": "Information",
+      "sortOrder": 0,
+      "editorSettings": {}
+    },
+    "BlogListingItemCount": {
+      "type": "integer",
+      "displayName": "Item Count",
+      "description": "How many items to return by default",
+      "localized": false,
+      "required": false,
+      "group": "Information",
+      "sortOrder": 10,
+      "editorSettings": {},
+      "minimum": 1,
+      "maximum": 48
+    }
+  }
+}

apps/frontend/src/components/cms/component/ButtonBlock/ButtonBlock.opti-type.json

@@ -0,0 +1,91 @@
+{
+  "key": "ButtonBlock",
+  "displayName": "Button",
+  "description": "Represents an instance of a button",
+  "baseType": "component",
+  "sortOrder": 100,
+  "mayContainTypes": [],
+  "mediaFileExtensions": [],
+  "created": "2024-01-30T00:02:44.2566667+00:00",
+  "lastModified": "2024-01-30T00:02:44.2566667+00:00",
+  "properties": {
+    "ButtonText": {
+      "type": "string",
+      "format": "shortString",
+      "displayName": "Text",
+      "description": "The text of the button",
+      "localized": true,
+      "required": false,
+      "group": "Information",
+      "sortOrder": 10,
+      "editorSettings": {}
+    },
+    "ButtonUrl": {
+      "type": "url",
+      "displayName": "Link",
+      "description": "",
+      "localized": false,
+      "required": false,
+      "group": "Information",
+      "sortOrder": 15,
+      "editorSettings": {}
+    },
+    "ButtonClass": {
+      "type": "string",
+      "format": "shortString",
+      "displayName": "Class name",
+      "description": "The css class for adding custom styles too",
+      "localized": false,
+      "required": false,
+      "group": "Information",
+      "sortOrder": 20,
+      "editorSettings": {}
+    },
+    "ButtonType": {
+      "type": "string",
+      "format": "selectOne",
+      "displayName": "Button type",
+      "description": "The type of button to display",
+      "localized": false,
+      "required": true,
+      "group": "Information",
+      "sortOrder": 30,
+      "editorSettings": {},
+      "enum": {
+        "values": [
+          {
+            "displayName": "Primary",
+            "value": "primary"
+          },
+          {
+            "displayName": "Secondary",
+            "value": "secondary"
+          }
+        ]
+      }
+    },
+    "ButtonVariant": {
+      "type": "string",
+      "format": "selectOne",
+      "displayName": "Variant",
+      "description": "The type of button to display",
+      "localized": false,
+      "required": true,
+      "group": "Information",
+      "sortOrder": 40,
+      "editorSettings": {},
+      "enum": {
+        "values": [
+          {
+            "displayName": "Default",
+            "value": "default"
+          },
+          {
+            "displayName": "CTA",
+            "value": "cta"
+          }
+        ]
+      }
+    }
+  }
+}