@worksafevictoria/wcl7.5 1.1.0-beta.76 → 1.1.0-beta.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.1.0-beta.76",
+  "version": "1.1.0-beta.78",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {

package/src/components/Common/CardGrid/index.vue

@@ -11,9 +11,7 @@
     :title-tag="titleTag"
     class="card-grid"
     :content-class="contentClass"
-    :class="{
-      [uniqueClass]: true
-    }"
+    :class="`cardGrid-${$.uid}`"
     :card-browse-content="cardBrowseContent"
   >
     <template v-if="$slots.gridHeaderRight" v-slot:headerRight>
@@ -27,12 +25,12 @@
         ref="cardRow"
         :class="{
           ['card-grid__row--' + rowSpacing]: true,
-          ['card-grid__row--' + rowClasses]: true
+          ['card-grid__row--' + rowClasses]: true,
         }"
       >
         <column
           v-for="(item, index) in cards"
-          :key="`${redrawCounter}-${index}-${$options._uid}`"
+          :key="`${redrawCounter}-${index}-${$.uid}`"
           ref="cardColumns"
           :lg="largeViewPort"
           :md="mediumViewPort"
@@ -40,7 +38,7 @@
           cols="12"
           class="card-grid__column"
           :class="{
-            ['card-grid__column--' + columnSpacing]: true
+            ['card-grid__column--' + columnSpacing]: true,
           }"
         >
           <slot name="cardItem" :card="item" :index="index"></slot>
@@ -65,52 +63,52 @@ export default {
   props: {
     title: {
       type: String,
-      default: null
+      default: null,
     },
     subHeading: {
       type: String,
-      default: null
+      default: null,
     },
     titleTag: {
       type: String,
-      default: 'h2'
+      default: 'h2',
     },
     cards: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     rtl: {
       type: Boolean,
-      default: false
+      default: false,
     },
     columnsPerRow: {
       type: Number,
-      default: 3
+      default: 3,
     },
     forceLgColumnsPerRow: {
       type: Number,
-      default: undefined
+      default: undefined,
     },
     forceMdColumnsPerRow: {
       type: Number,
-      default: undefined
+      default: undefined,
     },
     forceSmColumnsPerRow: {
       type: Number,
-      default: undefined
+      default: undefined,
     },
     size: {
       type: String,
       default: 'page',
       validator: (value) =>
-        ['half-content', 'content', 'page', 'full'].indexOf(value) >= 0
+        ['half-content', 'content', 'page', 'full'].indexOf(value) >= 0,
     },
     isSelectable: {
-      type: Boolean
+      type: Boolean,
     },
     cardIdPrefix: {
       type: String,
-      default: null
+      default: null,
     },
     backgroundVariant: {
       type: String,
@@ -123,49 +121,49 @@ export default {
           'grey',
           'yellow',
           'white',
-          'lightblue'
-        ].indexOf(value) >= 0
+          'lightblue',
+        ].indexOf(value) >= 0,
     },
     applyBackgroundOn: {
       type: String,
       default: 'section',
       validator: (value) =>
-        ['content', 'block', 'container', 'section'].indexOf(value) >= 0
+        ['content', 'block', 'container', 'section'].indexOf(value) >= 0,
     },
     noPaddingTop: {
-      type: Boolean
+      type: Boolean,
     },
     noPaddingBottom: {
-      type: Boolean
+      type: Boolean,
     },
     rowSpacing: {
       type: String,
       default: 'large',
-      validator: (value) => ['none', 'small', 'large'].indexOf(value) >= 0
+      validator: (value) => ['none', 'small', 'large'].indexOf(value) >= 0,
     },
     rowClasses: {
       type: String,
-      default: null
+      default: null,
     },
     columnSpacing: {
       type: String,
       default: 'default',
-      validator: (value) => ['default', 'none'].indexOf(value) >= 0
+      validator: (value) => ['default', 'none'].indexOf(value) >= 0,
     },
     contentClass: {
       type: String,
-      default: ''
+      default: '',
     },
     cardBrowseContent: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
       childCards: [],
       redrawCounter: 0,
-      setColumnSizeDebounce: debounce(this.setColumnSize, 500)
+      setColumnSizeDebounce: debounce(this.setColumnSize, 500),
     }
   },
   computed: {
@@ -192,38 +190,35 @@ export default {
       }
       return 6
     },
-    uniqueClass() {
-      return `cardGrid-${Math.random().toString(36).slice(2, 11)}`
-    }
   },
   watch: {
     cards: {
-      handler: function() {
+      handler: function () {
         this.redrawCounter += 1
         this.setColumnSizeDebounce()
       },
-      deep: true
+      deep: true,
     },
     columnsPerRow: {
-      handler: function() {
+      handler: function () {
         this.setColumnSizeDebounce()
-      }
+      },
     },
     forceSmColumnsPerRow: {
-      handler: function() {
+      handler: function () {
         this.setColumnSizeDebounce()
-      }
+      },
     },
     forceMdColumnsPerRow: {
-      handler: function() {
+      handler: function () {
         this.setColumnSizeDebounce()
-      }
+      },
     },
     forceLgColumnsPerRow: {
-      handler: function() {
+      handler: function () {
         this.setColumnSizeDebounce()
-      }
-    }
+      },
+    },
   },
   mounted() {
     window.addEventListener('resize', this.setColumnSizeDebounce)
@@ -243,20 +238,22 @@ export default {
           ? this.cards[selectedCardModelIndex]
           : null,
         selectedCardModelIndex,
-        ev
+        ev,
       })
     },
     cardSelected(selectedCard, ev) {
       this.clearCards()
       selectedCard.selected = !!!selectedCard.selected
       const selectedCardModelIndex = this.getChildIndex(selectedCard)
-      
+
       this.$emit('selected', {
         selectedCard: selectedCard.selected
-          ? this.cardBrowseContent ? this.childCards[selectedCardModelIndex] : this.cards[selectedCardModelIndex]
+          ? this.cardBrowseContent
+            ? this.childCards[selectedCardModelIndex]
+            : this.cards[selectedCardModelIndex]
           : null,
         selectedCardModelIndex,
-        ev
+        ev,
       })
     },
     clearCards(selectedCard) {
@@ -296,19 +293,18 @@ export default {
           this.$emit('isMobileOrTabletView', isMobileView || isTabletView)
           this.$emit('gridColumnSize', gridColumnSize)
           this.childCards.forEach((card) =>
-            card.setGridMetaData(gridColumnSize, isMobileView, isTabletView)
+            card.setGridMetaData(gridColumnSize, isMobileView, isTabletView),
           )
         }
       })
     },
     handleFocus(ev) {
       this.$emit('focussed', ev)
-    }
-  }
+    },
+  },
 }
 </script>
 
-
 <style lang="scss" scoped>
 @import '../../../includes/scss/all';
 .card-grid {

package/src/components/Common/CardGridItem/index.vue

@@ -524,7 +524,10 @@ export default {
         }
         if (
           (this.link,
-          this.isAbsoluteUrl(this.link) && process.env.CARETAKER === 'false')
+          this.isAbsoluteUrl(this.link) &&
+            (this.$config
+              ? this.$config.public.caretaker
+              : process.env.CARETAKER) === 'false')
         ) {
           this.$gtm.push({
             event: 'custom.interaction.outboundlink',
@@ -538,7 +541,9 @@ export default {
         this.link &&
         this.isAbsoluteUrl(this.link) &&
         isGovSite(this.link) &&
-        process.env.CARETAKER === 'true'
+        (this.$config
+          ? this.$config.public.caretaker
+          : process.env.CARETAKER) === 'true'
       ) {
         this.$gtm.push({
           event: 'custom.interaction.outboundlink',

package/src/components/Containers/Subheader/index.vue

@@ -102,7 +102,11 @@ export default {
   methods: {
     selectedCard(card) {
       // Some custom logic for gov caretaker logic
-      if (process.env.CARETAKER && process.env.CARETAKER === 'true') {
+      if (
+        (this.$config
+          ? this.$config.public.caretaker
+          : process.env.CARETAKER) === 'true'
+      ) {
         if (!isGovSite(card?.selectedCard?.linkHref)) {
           // this.$store.commit('page/SET_CARETAKER_REF', 'subheader')
           // this.$root.$emit('caretaker-open', card?.selectedCard?.linkHref)

package/src/components/Global/AppFooter/index.vue

@@ -425,7 +425,9 @@ export default {
       showForm: false,
       submitted: false,
       endpoint:
-        process.env.CONTENT_API_URL + '/webform_rest/submit?_format=json',
+        (this.$config
+          ? this.$config.public.apiURL
+          : process.env.CONTENT_API_URL) + '/webform_rest/submit?_format=json',
       response: {
         webform_id: 'page_feedback_form',
         page_url: '',

package/src/components/Global/Cookies/index.vue

@@ -253,7 +253,11 @@ export default {
     },
     showCookie() {
       //Check first if cookies have been turned on in the environment variable
-      return process.env.SHOW_COOKIE === false ? false : true
+      return (this.$config
+        ? this.$config.public.showCookie
+        : process.env.SHOW_COOKIE) === false
+        ? false
+        : true
     },
   },
   mounted() {

package/src/components/Global/GlobalNotice/index.vue

@@ -73,7 +73,11 @@ export default {
   computed: {
     showGlobalNotice() {
       //Check first if SHOW_GLOBAL_NOTICE have been turned on in the environment variable
-      return process.env.SHOW_GLOBAL_NOTICE === false ? false : true
+      return (this.$config
+        ? this.$config.public.globalNotice
+        : process.env.SHOW_GLOBAL_NOTICE) === false
+        ? false
+        : true
     },
   },
   mounted() {
@@ -104,7 +108,10 @@ export default {
           this.showGlobalNotice === true &&
           !localStorage.getItem('globalModalHidden')
       } else {
-        this.displayGlobal = process.env.SHOW_GLOBAL_NOTICE === true
+        this.displayGlobal =
+          (this.$config
+            ? this.$config.public.globalNotice
+            : process.env.SHOW_GLOBAL_NOTICE) === true
       }
     },
   },

package/src/components/Paragraphs/Accordion/AccordionItem/index.vue

@@ -10,11 +10,11 @@
       }"
     >
       <a
-        :id="'accordion' + _uid ? _uid : ''"
+        :id="'accordion' + $.uid ? $.uid : ''"
         role="button"
         :aria-expanded="showAccordion ? 'true' : 'false'"
         class="accordion-item__title"
-        :aria-controls="'sect' + _uid ? _uid : ''"
+        :aria-controls="'sect' + $.uid ? $.uid : ''"
         tabindex="0"
         @click.prevent="toggleAccordion"
         @keypress.enter="toggleAccordion"
@@ -51,10 +51,10 @@
       <b-card-body v-if="content">
         <div
           v-show="showAccordion"
-          :id="'sect' + _uid ? _uid : ''"
+          :id="'sect' + $.uid ? $.uid : ''"
           class="accordion-item__content"
           role="region"
-          :aria-labelledby="'accordion' + _uid ? _uid : ''"
+          :aria-labelledby="'accordion' + $.uid ? $.uid : ''"
         >
           <rich-text :content="content" />
         </div>

package/src/components/Paragraphs/Accordion/StepperItem/index.vue

@@ -5,15 +5,15 @@
       v-if="title"
       class="accordion-stepper"
       :class="{
-        rtl: rtl
+        rtl: rtl,
       }"
     >
       <div>
         <button
-          :id="'accordion' + _uid ? _uid : ''"
+          :id="'accordion' + $.uid ? $.uid : ''"
           :aria-expanded="showAccordion ? 'true' : 'false'"
           class="accordion-stepper__title"
-          :aria-controls="'sect' + _uid ? _uid : ''"
+          :aria-controls="'sect' + $.uid ? $.uid : ''"
           @click="toggleAccordion"
         >
           <div
@@ -25,13 +25,9 @@
           </div>
 
           <div class="accordion-stepper__titleText">
-            <rich-text
-            :tag="'h3'"
-            :tag-class="'card-title'"
-            :content="title"
-          />
+            <rich-text :tag="'h3'" :tag-class="'card-title'" :content="title" />
           </div>
-          
+
           <div class="stepper-icon__wrapper">
             <icon
               v-show="showAccordion && content"
@@ -54,10 +50,10 @@
         <b-card-body v-if="content">
           <div
             v-show="showAccordion"
-            :id="'sect' + _uid ? _uid : ''"
+            :id="'sect' + $.uid ? $.uid : ''"
             class="accordion-stepper__content"
             role="region"
-            :aria-labelledby="'accordion' + _uid ? _uid : ''"
+            :aria-labelledby="'accordion' + $.uid ? $.uid : ''"
           >
             <rich-text :content="content" />
           </div>
@@ -80,42 +76,42 @@ export default {
     RichText,
     Icon,
     BCard,
-    BCardBody
+    BCardBody,
   },
   props: {
     title: {
       type: String,
-      default: 'Item'
+      default: 'Item',
     },
     content: {
       type: String,
-      default: null
+      default: null,
     },
     rtl: {
       type: Boolean,
-      default: false
+      default: false,
     },
     open: {
       type: Boolean,
-      default: false
+      default: false,
     },
     showPreHeading: {
       type: Boolean,
-      default: false
+      default: false,
     },
     number: {
       type: Number,
-      default: null
+      default: null,
     },
     isWorkWell: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   data: () => ({
     showAccordion: false,
     CaretDown,
-    CaretUp
+    CaretUp,
   }),
   mounted() {
     this.$nextTick(() => {
@@ -125,8 +121,8 @@ export default {
   methods: {
     toggleAccordion() {
       this.showAccordion = !this.showAccordion
-    }
-  }
+    },
+  },
 }
 </script>
 

package/src/components/Paragraphs/Accordion/index.vue

@@ -10,11 +10,11 @@
     <ol class="accordion-list">
       <li
         v-for="(item, index) in accordionList"
-        :key="_uid ? _uid : '' + index"
+        :key="$.uid ? $.uid : '' + index"
         :class="{
           workwell: isWorkwell,
           rtl: rtl || item.field_rtl,
-          stepper: isStepper
+          stepper: isStepper,
         }"
         class="accordion"
       >
@@ -55,51 +55,51 @@ export default {
   props: {
     titleTag: {
       type: String,
-      default: 'h2'
+      default: 'h2',
     },
     title: {
       type: String,
-      default: null
+      default: null,
     },
     isStepper: {
       type: Boolean,
-      default: false
+      default: false,
     },
     showPreHeading: {
       type: Boolean,
-      default: false
+      default: false,
     },
     isWorkwell: {
       type: Boolean,
-      default: false
+      default: false,
     },
     accordionList: {
       type: Array,
-      default: null
+      default: null,
     },
     rtl: {
       type: Boolean,
-      default: false
+      default: false,
     },
     size: {
       type: String,
-      default: 'content'
+      default: 'content',
     },
     option: {
       type: String,
-      default: 'open-first'
-    }
+      default: 'open-first',
+    },
   },
   data: () => ({
     OPEN_ALL: 'open-all',
     CLOSE_ALL: 'close-all',
     OPEN_FIRST: 'open-first',
-    accordionOption: null
+    accordionOption: null,
   }),
   computed: {
     isPDF() {
       return typeof this.$isPDF === 'function' ? this.$isPDF() : false
-    }
+    },
   },
   mounted() {
     if (this.option) {
@@ -121,8 +121,8 @@ export default {
     },
     hasContent(item) {
       return item?.field_rich_text?.value
-    }
-  }
+    },
+  },
 }
 </script>
 

package/src/components/Paragraphs/Directory/Records/index.vue

@@ -2,7 +2,12 @@
   <div v-if="items.length" class="paragraph--directory__records">
     <template v-for="(item, index) in flatRecords">
       <prs-record v-if="item.type === 'prs'" :key="index" :item="item" />
-      <isp-record v-if="item.type === 'isp'" :key="index" :item="item" :location="baseLocation" />
+      <isp-record
+        v-if="item.type === 'isp'"
+        :key="index"
+        :item="item"
+        :location="baseLocation"
+      />
       <hscp-record v-if="item.type === 'hscp'" :key="index" :item="item" />
       <cj-record v-if="item.type === 'cj'" :key="index" :item="item" />
     </template>
@@ -19,21 +24,21 @@ export default {
     PrsRecord,
     IspRecord,
     CjRecord,
-    HscpRecord
+    HscpRecord,
   },
   props: {
     items: {
       type: Array,
-      required: true
+      required: true,
     },
     taxonomies: {
       type: Array,
-      required: true
+      required: true,
     },
     baseLocation: {
       type: [Object, Boolean],
-      default: false
-    }
+      default: false,
+    },
   },
   computed: {
     flatRecords() {
@@ -64,13 +69,15 @@ export default {
                 field_prs_datepublished,
                 attachmentFormatted,
                 file_src_root,
-                file_src
-              } = {}
-            } = {}
+                file_src,
+              } = {},
+            } = {},
           } = record
 
           if (record_attachment !== undefined) {
-            file_src_root = process.env.CONTENT_API_URL
+            file_src_root = this.$config
+              ? this.$config.public.apiURL
+              : process.env.CONTENT_API_URL
             file_src = file_src_root + record_attachment
             attachmentFormatted = record_attachment
               .split(/.*[\/|\\]/)[1]
@@ -99,17 +106,17 @@ export default {
               court: this.getTaxonomyLabelsByTid('Court', record_prs_court),
               category: this.getTaxonomyLabelsByTid(
                 'Category',
-                record_prs_category
+                record_prs_category,
               ),
               legislation: this.getTaxonomyLabelsByTid(
                 'Legislation',
-                record_prs_legislation
-              )
+                record_prs_legislation,
+              ),
               // coram: this.getTaxonomyLabelsByTid(
               //   'record_prs_coram',
               //   record_prs_coram
               // )
-            }
+            },
           })
         }
         if (record.record_type === 'isp') {
@@ -119,9 +126,9 @@ export default {
               attributes: {
                 title,
                 field_location,
-                isp: { suburb, postcode, phone_number, mobile_number } = {}
-              } = {}
-            } = {}
+                isp: { suburb, postcode, phone_number, mobile_number } = {},
+              } = {},
+            } = {},
           } = record
           flatRecords.push({
             id: record_id,
@@ -129,15 +136,15 @@ export default {
             title,
             contact: {
               mobile: mobile_number,
-              phone: phone_number
+              phone: phone_number,
             },
             address: {
               suburb,
               postcode,
               map: {
-                field_location
-              }
-            }
+                field_location,
+              },
+            },
           })
         }
         if (record.record_type === 'hscp') {
@@ -146,9 +153,17 @@ export default {
             data: {
               attributes: {
                 title,
-                hscp: { fulladdress, workphone, tollfreephone, email, website, courses, companyid } = {}
-              } = {}
-            } = {}
+                hscp: {
+                  fulladdress,
+                  workphone,
+                  tollfreephone,
+                  email,
+                  website,
+                  courses,
+                  companyid,
+                } = {},
+              } = {},
+            } = {},
           } = record
           flatRecords.push({
             id: record_id,
@@ -160,7 +175,7 @@ export default {
             email,
             website,
             courses,
-            companyid
+            companyid,
           })
         }
         if (record.record_type === 'cj') {
@@ -173,9 +188,9 @@ export default {
             data: {
               attributes: {
                 field_cj_datejudgement,
-                field_cj_datepublished
-              } = {}
-            } = {}
+                field_cj_datepublished,
+              } = {},
+            } = {},
           } = record
           flatRecords.push({
             id: record_id,
@@ -185,12 +200,12 @@ export default {
             appeal: record_cj_appeal,
             court: record_cj_court,
             judge: record_cj_judge,
-            judgement: field_cj_datejudgement
+            judgement: field_cj_datejudgement,
           })
         }
       })
       return flatRecords
-    }
+    },
   },
   methods: {
     getTaxonomyLabelsByTid(taxName, listOfIds) {
@@ -218,7 +233,7 @@ export default {
         }
         return foundTerms
       }
-    }
-  }
+    },
+  },
 }
 </script>

package/src/components/Paragraphs/ListGroup/index.vue

@@ -136,7 +136,11 @@ export default {
     },
     selectedCard(card) {
       // Some custom logic for gov caretaker logic
-      if (process.env.CARETAKER && process.env.CARETAKER === 'true') {
+      if (
+        (this.$config
+          ? this.$config.public.caretaker
+          : process.env.CARETAKER) === 'true'
+      ) {
         if (!isGovSite(card?.selectedCard?.link)) {
           // this.$store.commit('page/SET_CARETAKER_REF', 'list-group')
           // this.$root.$emit('caretaker-open', card?.selectedCard?.link)

package/src/components/Paragraphs/Tabs/index.vue

@@ -16,9 +16,9 @@
         <b-tabs v-model="tabIndex">
           <b-tab
             v-for="(item, index) in items"
-            :key="`${index}-${_uid}`"
+            :key="`${index}-${$.uid}`"
             :title="item.title"
-            :title-link-class="`tab-item-${index}-${_uid}`"
+            :title-link-class="`tab-item-${index}-${$.uid}`"
           >
             <rich-text
               :content="item.content.value"
@@ -34,9 +34,9 @@
           ><rich-text
             :tag="titleTag"
             :content="title"
-            :without-container="true"/></column
+            :without-container="true" /></column
       ></row>
-      <row v-for="(item, index) in items" :key="`${index}-${_uid}`">
+      <row v-for="(item, index) in items" :key="`${index}-${$.uid}`">
         <column>
           <rich-text :content="getPdfContent(item)" :without-container="true" />
         </column>
@@ -61,29 +61,29 @@ export default {
     Row,
     Column,
     BTab,
-    BTabs
+    BTabs,
   },
   props: {
     title: {
       type: String,
-      default: null
+      default: null,
     },
     titleTag: {
       type: String,
-      default: 'h2'
+      default: 'h2',
     },
     items: {
       type: Array,
-      required: true
+      required: true,
     },
     rtl: {
       type: Boolean,
-      default: false
+      default: false,
     },
     workwell: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
@@ -91,18 +91,20 @@ export default {
       scrollIntoViewOptions: {
         behavior: 'smooth',
         block: 'center',
-        inline: 'nearest'
-      }
+        inline: 'nearest',
+      },
     }
   },
   computed: {
     activeTabEl() {
-      let el = document.querySelector(`.tab-item-${this.tabIndex}-${this._uid}`)
+      let el = document.querySelector(
+        `.tab-item-${this.tabIndex}-${this.$.uid}`,
+      )
       return el
     },
     isPDF() {
       return typeof this.$isPDF === 'function' ? this.$isPDF() : false
-    }
+    },
   },
   methods: {
     handleTabNav(direction) {
@@ -118,8 +120,8 @@ export default {
     },
     getPdfContent(item) {
       return `<${this.titleTag}>${item.title}</${this.titleTag}>${item.content.value}`
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>

package/src/components/SubComponents/CardGroup/index.vue

@@ -179,7 +179,11 @@ export default {
     },
     selectedCard(card) {
       // Some custom logic for gov caretaker logic
-      if (process.env.CARETAKER && process.env.CARETAKER === 'true') {
+      if (
+        (this.$config
+          ? this.$config.public.caretaker
+          : process.env.CARETAKER) === 'true'
+      ) {
         if (!isGovSite(card?.selectedCard?.link)) {
           // this.$store.commit('page/SET_CARETAKER_REF', 'card-group')
           // this.$root.$emit('caretaker-open', card?.selectedCard?.link)

package/src/components/SubComponents/FormAddressPostcode/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="suburb-postcode-search">
     <input
-      :id="`suburb-postcode-search-input-${_uid}`"
+      :id="`suburb-postcode-search-input-${$.uid}`"
       v-model="suburb.text"
       autocomplete="no"
       :placeholder="inputPlaceholder"
@@ -10,7 +10,7 @@
       aria-controls="sp-suggestions"
       :class="{
         'suburb-postcode-search--show-shadow': showShadow,
-        [inputClassName]: true
+        [inputClassName]: true,
       }"
       @keyup.prevent="searchSuburbPostcodeDebounce($event)"
     />
@@ -51,51 +51,51 @@ export default {
   props: {
     showShadow: {
       type: Boolean,
-      default: false
+      default: false,
     },
     inputPlaceholder: {
       type: String,
-      default: 'Search for a suburb or postcode'
+      default: 'Search for a suburb or postcode',
     },
     showFullAddress: {
       type: Boolean,
-      default: false
+      default: false,
     },
     geocode: {
       type: Boolean,
-      default: false
+      default: false,
     },
     reverseGeocode: {
       type: Boolean,
-      default: false
+      default: false,
     },
     baseUrl: {
       type: String,
-      default: ''
+      default: '',
     },
     inputClassName: {
       type: String,
-      default: ''
-    }
+      default: '',
+    },
   },
   data() {
     return {
       suburb: {
         text: null,
         value: null,
-        location: null
+        location: null,
       },
       results: [],
       show: false,
       searchSuburbPostcodeDebounce: debounce(this.searchSuburbPostcode, 500, {
-        trailing: true
+        trailing: true,
       }),
       options: {
         enableHighAccuracy: true,
         timeout: 5000,
-        maximumAge: 0
+        maximumAge: 0,
       },
-      searchingAddress: false
+      searchingAddress: false,
     }
   },
   computed: {
@@ -105,7 +105,7 @@ export default {
     },
     isIE() {
       return window && navigator && this.detectBrowser(navigator) === 'IE'
-    }
+    },
   },
   watch: {
     suburb: {
@@ -115,8 +115,8 @@ export default {
         if (!this.suburb.location && this.suburb.text.length === 0) {
           this.$emit('cleared')
         }
-      }
-    }
+      },
+    },
   },
   methods: {
     detectBrowser,
@@ -145,10 +145,9 @@ export default {
 
       try {
         const response = await (this?.$axios || axios).get(
-          `${this.baseUrl ||
-            window.origin}/places/api/v1/place/autocomplete/json?${
-            this.queryString
-          }`
+          `${
+            this.baseUrl || window.origin
+          }/places/api/v1/place/autocomplete/json?${this.queryString}`,
         )
         const predictions = response?.data?.predictions || []
         if (
@@ -182,28 +181,28 @@ export default {
     },
     async getLatLng(address) {
       const geocodedAddress = await (this.$axios || axios).get(
-        `${this.baseUrl}/places/api/v1/geocode/json?address=${address}&components=country:au&sensor=false`
+        `${this.baseUrl}/places/api/v1/geocode/json?address=${address}&components=country:au&sensor=false`,
       )
       if (geocodedAddress.data?.results[0]) {
         return Promise.resolve(
-          geocodedAddress.data.results[0].geometry.location
+          geocodedAddress.data.results[0].geometry.location,
         )
       }
     },
     async searchAddressByLatLng(lat, lng) {
       const geocodedAddress = await (this.$axios || axios).get(
-        `${this.baseUrl}/places/api/v1/geocode/json?latlng=${lat},${lng}`
+        `${this.baseUrl}/places/api/v1/geocode/json?latlng=${lat},${lng}`,
       )
       if (geocodedAddress.data?.results[0]) {
         return Promise.resolve(
-          geocodedAddress.data.results[0].formatted_address
+          geocodedAddress.data.results[0].formatted_address,
         )
       }
     },
     async updateValue(v) {
       this.suburb = {
         text: v.description,
-        value: v.structured_formatting.main_text
+        value: v.structured_formatting.main_text,
       }
       if (this.geocode && this.suburb.value) {
         this.suburb.location = await this.getLatLng(this.suburb.value)
@@ -213,10 +212,8 @@ export default {
       // Next tick is too fast
       // have to wait for DOM to update
       let self = this
-      setTimeout(function() {
-        document
-          .getElementById(`suburb-postcode-search-input-${_uid}`)
-          .focus()
+      setTimeout(function () {
+        document.getElementById(`suburb-postcode-search-input-${$.uid}`).focus()
       }, 100)
     },
     focusPrevious(e) {
@@ -236,7 +233,7 @@ export default {
         return navigator.geolocation.getCurrentPosition(
           self.findAndUpdateAddress,
           self.errorFindingLocation,
-          self.options
+          self.options,
         )
       } else {
         return false
@@ -244,7 +241,7 @@ export default {
     },
     async findAndUpdateAddress(pos) {
       let {
-        coords: { latitude, longitude }
+        coords: { latitude, longitude },
       } = pos
       let foundAddress = await this.searchAddressByLatLng(latitude, longitude)
       this.suburb = {
@@ -252,16 +249,16 @@ export default {
         value: foundAddress,
         location: {
           lat: latitude,
-          lng: longitude
-        }
+          lng: longitude,
+        },
       }
       this.searchingAddress = false
       this.$emit('suburbChange', this.suburb)
     },
     errorFindingLocation(err) {
       console.warn(err)
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>

package/src/components/SubComponents/ResourceGroup/index.vue

@@ -438,7 +438,11 @@ export default {
     },
     selectedCard(card) {
       // Some custom logic for gov caretaker logic
-      if (process.env.CARETAKER && process.env.CARETAKER === 'true') {
+      if (
+        (this.$config
+          ? this.$config.public.caretaker
+          : process.env.CARETAKER) === 'true'
+      ) {
         if (!isGovSite(card?.selectedCard?.link)) {
           // this.$store.commit('page/SET_CARETAKER_REF', 'list-group')
           // this.$root.$emit('caretaker-open', card?.selectedCard?.link)

package/src/components/SubComponents/Search/index.vue

@@ -33,7 +33,7 @@
         v-if="loadSearchList && (searchResults || isLoading)"
         :class="{
           [`wcl-search__typeahead`]: isTypeahead,
-          [`wcl-search__modal`]: isTypeahead
+          [`wcl-search__modal`]: isTypeahead,
         }"
         :is-loading="isLoading"
         :is-typeahead="isTypeahead"
@@ -63,28 +63,28 @@ export default {
   props: {
     pageLimit: {
       type: Number,
-      required: true
+      required: true,
     },
     contentParser: {
       type: Function,
-      required: true
+      required: true,
     },
     isTypeahead: {
       type: Boolean,
-      required: true
+      required: true,
     },
     initialSearchQuery: {
       type: String,
-      default: ''
+      default: '',
     },
     googleSearchFlag: {
       type: String,
-      default: 'solar'
+      default: 'solar',
     },
     visibleSearchList: {
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
   data() {
     return {
@@ -95,16 +95,16 @@ export default {
       field_language: '8671',
       searchType: this.googleSearchFlag,
       googleSearchScript: false,
-      loadSearchList: this.visibleSearchList
+      loadSearchList: this.visibleSearchList,
     }
   },
   computed: {
     searchClass() {
       return {
         'wcl-search': true,
-        'wcl-search__google': this.searchType !== 'solar'
+        'wcl-search__google': this.searchType !== 'solar',
       }
-    }
+    },
   },
   mounted() {
     if (this.searchType === 'google') {
@@ -134,9 +134,9 @@ export default {
               key: apiKey,
               cx: searchEngineId,
               q: query,
-              start: start
-            }
-          }
+              start: start,
+            },
+          },
         )
         return response
       } catch (error) {
@@ -156,7 +156,7 @@ export default {
         apiKey,
         searchEngineId,
         searchQuery,
-        start
+        start,
       )
       let items = []
       let suggest = response?.data?.spelling?.correctedQuery || ''
@@ -165,7 +165,7 @@ export default {
           apiKey,
           searchEngineId,
           response?.data?.spelling?.correctedQuery,
-          start
+          start,
         )
         items = response?.data?.items
       } else if (response?.data?.items) {
@@ -181,7 +181,7 @@ export default {
           // Return the modified item with the updated title
           return {
             ...item,
-            title: modifiedTitle
+            title: modifiedTitle,
           }
         })
 
@@ -190,7 +190,7 @@ export default {
           numFound: Number(totalResults),
           query: this.searchQuery,
           results: modifiedResults,
-          suggestion: suggest
+          suggestion: suggest,
         }
       } else {
         this.searchResults = {
@@ -198,7 +198,7 @@ export default {
           numFound: 0,
           query: this.searchQuery ?? '',
           results: [],
-          suggestion: suggest
+          suggestion: suggest,
         }
       }
       this.$emit('loading', false)
@@ -214,10 +214,10 @@ export default {
             this.$route?.path === '/'
               ? 'Homepage'
               : this.$route?.path === '/search'
-              ? 'Search Page'
-              : this.$route?.path,
+                ? 'Search Page'
+                : this.$route?.path,
           label: this.searchQuery,
-          results: this.searchResults.numFound
+          results: this.searchResults.numFound,
         }
         if (this.$gtm) {
           this.$gtm.push({ event: 'custom.search.site.submit', ...attrs })
@@ -291,7 +291,7 @@ export default {
           query: searchQuery,
           start: pageNr > 1 ? (pageNr - 1) * pageLimit : 0,
           rows: pageLimit,
-          field_language: this.field_language
+          field_language: this.field_language,
         }).then((res) => {
           if (res.numFound) {
             this.searchResults = {
@@ -299,7 +299,7 @@ export default {
               numFound: Number(res.numFound),
               query: searchQuery,
               results: res.results,
-              suggestion: null
+              suggestion: null,
             }
           } else {
             this.searchResults = {
@@ -307,7 +307,7 @@ export default {
               numFound: 0,
               query: this.searchQuery ?? '',
               results: [],
-              suggestion: null
+              suggestion: null,
             }
           }
           this.$emit('loading', false)
@@ -322,10 +322,10 @@ export default {
                 this.$route?.path === '/'
                   ? 'Homepage'
                   : this.$route?.path === '/search'
-                  ? 'Search Page'
-                  : this.$route?.path,
+                    ? 'Search Page'
+                    : this.$route?.path,
               label: this.searchQuery,
-              results: this.searchResults.numFound
+              results: this.searchResults.numFound,
             }
             if (this.$gtm) {
               this.$gtm.push({ event: 'custom.search.site.submit', ...attrs })
@@ -340,7 +340,9 @@ export default {
       if (this.googleSearchScript === false) {
         const script = document.createElement('script')
         script.async = true
-        script.src = process.env.GOOGLE__URL
+        script.src = this.$config
+          ? this.$config.public.googleSearch
+          : process.env.GOOGLE__URL
         document.head.appendChild(script)
         this.googleSearchScript = true
 
@@ -386,8 +388,8 @@ export default {
 
         this.setupPaginationEvent()
       }
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
@@ -454,8 +456,8 @@ export default {
       display: none;
     }
   }
-    // Google Search styling
-    &.wcl-search__google {
+  // Google Search styling
+  &.wcl-search__google {
     :deep(form.gsc-search-box) {
       position: relative;
       display: -ms-flexbox;