@worksafevictoria/wcl7.5 1.1.0-beta.73 → 1.1.0-beta.74

package/.storybook/preview.js

@@ -2,6 +2,12 @@
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'
 import { setup } from '@storybook/vue3'
 
+import { createBootstrap } from 'bootstrap-vue-next'
+
+// Add the necessary CSS
+import 'bootstrap/dist/css/bootstrap.css'
+import 'bootstrap-vue-next/dist/bootstrap-vue-next.css'
+
 //Custom fonts
 import './../src/assets/styles/webfonts.css'
 
@@ -13,37 +19,38 @@ import './../src/assets/styles/storybook.scss'
 import 'bootstrap/dist/css/bootstrap.min.css'
 import './../src/assets/styles/stylesheet.scss'
 
-
 setup((app) => {
   app.component('NuxtLink', {
     props: {
       to: {
         type: String,
-        required: true
-      }
+        required: true,
+      },
     },
-    template: '<a target="_blank" :href="`https://ws-ui.wsvdigital.com.au${this.to}`"><slot></slot></a>'
+    template:
+      '<a target="_blank" :href="`https://ws-ui.wsvdigital.com.au${this.to}`"><slot></slot></a>',
   })
+  app.use(createBootstrap())
 })
 
 const preview = {
   parameters: {
     options: {
       storySort: {
-        method: 'alphabetical'
-      }     
+        method: 'alphabetical',
+      },
     },
     actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
       matchers: {
         color: /(background|color)$/i,
-        date: /Date$/i
-      }
+        date: /Date$/i,
+      },
     },
     viewport: {
-      viewports: INITIAL_VIEWPORTS
-    }
-  }
+      viewports: INITIAL_VIEWPORTS,
+    },
+  },
 }
 
 export default preview

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.1.0-beta.73",
+  "version": "1.1.0-beta.74",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {
@@ -43,7 +43,7 @@
     "@storybook/cli": "^7.6.20",
     "axios": "^1.6.0",
     "bootstrap": "^5.3.2",
-    "bootstrap-vue-next": "^0.25.10",
+    "bootstrap-vue-next": "^0.26.18",
     "date-fns": "^2.30.0",
     "formiojs": "4.13.13",
     "storybook-addon-deep-controls": "^0.6.2",
@@ -97,5 +97,6 @@
     "vite-svg-loader": "^5.1.0",
     "vitest": "^0.34.6",
     "vue-jest": "^3.0.7"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }

package/src/components/Global/Cookies/index.stories.js

@@ -4,31 +4,37 @@ const defaultValue = {
   header: 'field_cookie_heading',
   content: {
     default: 'field_cookie_content',
-    small: 'field_cookie_content_small'
+    small: 'field_cookie_content_small',
   },
   modal: {
     heading: 'field_modal_heading',
     functional: {
       heading: 'field_functional_heading',
-      description: 'field_functional_description'
+      description: 'field_functional_description',
     },
     analytics: {
       heading: 'field_analytics_heading',
-      description: 'field_analytics_description'
+      description: 'field_analytics_description',
     },
     marketing: {
       heading: 'field_marketing_heading',
-      description: 'field_marketing_description'
-    }
-  }
+      description: 'field_marketing_description',
+    },
+  },
 }
 export default {
   title: 'Global/Cookies',
   component: Cookies,
   args: {
     cookieHeader: 'Accept and Reject Cookies',
-    cookieContent: defaultValue
-    }
-  }
+    cookieContent: defaultValue,
+  },
+}
 
-export const Default = {}
+export const Default = {
+  loaders: [
+    () => {
+      window.localStorage.removeItem('cookieBannerDisplayed')
+    },
+  ],
+}