21131 - Add Short-Term Rental Registry to Home Registry (#196)

* add STRR card to home registry * 2.1.11 * add "new" chip to STRR * add in value, so trim doesn't fail * try adding a bit of a default for GTAG_DEBUG * default * Use typescript for config and reset env example * fix packageJson * add into .env.example --------- Co-authored-by: Travis Semple <[email protected]>
bcgov · Dec 12, 2024 · 4e6d41a · 4e6d41a
1 parent db7ae41
commit 4e6d41a
Show file tree

Hide file tree

Showing 5 changed files with 50 additions and 11 deletions.
diff --git a/.env.example b/.env.example
@@ -13,6 +13,7 @@ REGISTRY_ACCOUNT_CREATE_URL="https://dev.bcregistry.ca/business/auth/choose-auth
 RPT_URL="https://staging.www.etax.gov.bc.ca/bts/Web.BCOnl/WebServices/BCO/login"
 RPT_LEARN_MORE_URL="https://www2.gov.bc.ca/assets/gov/employment-business-and-economic-development/business-management/permits-licences-and-registration/registries-guides/rural_property_tax_search_user_guide.pdf"
 SOCIETIES_URL="https://dev.bcregistry.ca/societies/"
+STRR_URL="https://www2.gov.bc.ca/gov/content/housing-tenancy/strregistry"
 WILLS_URL="https://ewills-dev.vs.gov.bc.ca/"
 WILLS_LEARN_MORE_URL="https://www2.gov.bc.ca/gov/content/life-events/death/wills-registry"
 
@@ -48,4 +49,4 @@ KEYCLOAK_CLIENTID="ppr-web"
 #google analytic
 GTAG_ID=""
 GTAG_DEBUG=
-GTM_ID=""
+GTM_ID=""
diff --git a/components/BCRegistriesAccount.vue b/components/BCRegistriesAccount.vue
@@ -367,6 +367,39 @@
           </div>
         </v-card-text>
       </v-card>
+
+      <!-- Short-Term Rental Registry -->
+      <v-card elevation="2">
+        <v-card-title>Short-Term Rental Registry</v-card-title>
+        <span v-if="showNewFlagSTRR" class="card-title-badge-container">
+          <div class="card-title-badge font-weight-bold pt-2">NEW</div>
+        </span>
+        <v-card-text>
+          <p>
+            Apply for and manage your registrations to comply with
+            B.C.'s new rules for short-term rentals. Here you can:
+          </p>
+
+          <ul>
+            <li>Register a short-term rental property</li>
+            <li>Register a platform service provider</li>
+            <li>Register a strata-titled hotel or motel</li>
+            <li>Manage and renew registrations</li>
+          </ul>
+
+          <div>
+            <a
+              class="link"
+              :href="$config.strrURL"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <span>Go to the Short-Term Rental Registry to get started.</span>
+            </a>
+            <v-icon dense color="primary">mdi-open-in-new</v-icon>
+          </div>
+        </v-card-text>
+      </v-card>
     </div>
 
     <div class="payment py-7">
@@ -483,6 +516,10 @@ export default class BCRegistriesAccount extends Vue {
     return getFeatureFlag('bcregistry-ui-mhr-beta-chip') as boolean
   }
 
+  get showNewFlagSTRR (): boolean {
+    return getFeatureFlag('bcregistry-ui-strr-new-chip') as boolean
+  }
+
   get dashboard (): string {
     return `${Routes.DASHBOARD}`
   }

diff --git a/nuxt.config.js → nuxt.config.ts b/nuxt.config.js → nuxt.config.ts
@@ -96,8 +96,8 @@ export default {
     },
   },
   gtm: {
-    enabled: !!process.env.GTM_ID.trim(),
-    id: process.env.GTM_ID.trim()
+    enabled: !!process.env.GTM_ID?.trim(),
+    id: process.env.GTM_ID?.trim()
   },
   router: {
     // Ideally, these extended routes would be handled in a middleware
@@ -175,6 +175,7 @@ export default {
     regAccountCreateURL: process.env.REGISTRY_ACCOUNT_CREATE_URL,
     regApiGatewayURL: process.env.REGISTRIES_API_GATEWAY_URL,
     rptURL: process.env.RPT_URL,
+    strrURL: process.env.STRR_URL,
     rptLearnMoreURL: process.env.RPT_LEARN_MORE_URL,
     siteMinderLogoutUrl: process.env.SITEMINDER_LOGOUT_URL,
     societiesURL: process.env.SOCIETIES_URL,
@@ -185,11 +186,11 @@ export default {
     keycloakRealm: process.env.KEYCLOAK_REALM,
     keycloakClientId: process.env.KEYCLOAK_CLIENTID,
     supportFilingUrl: process.env.SUPPORT_FILING_URL,
-    gtagId: process.env.GTAG_ID.trim(),
-    gtagDebug: process.env.GTAG_DEBUG.trim(),
-    gtmId: process.env.GTM_ID.trim(),
-    appName: JSON.parse(packageJson).name,
-    appVersion: JSON.parse(packageJson).version,
+    gtagId: process.env.GTAG_ID?.trim(),
+    gtagDebug: process.env.GTAG_DEBUG?.trim(),
+    gtmId: process.env.GTM_ID?.trim(),
+    appName: JSON.parse(packageJson?.toString()).name,
+    appVersion: JSON.parse(packageJson?.toString()).version,
     registryLogin: `${process.env.BCROS_BASE_URL}login`,
     registryDashboard: `${process.env.BCROS_BASE_URL}dashboard`,
     registryPprMarketing: `${process.env.BCROS_BASE_URL}ppr-marketing`,

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bc-registry",
-  "version": "2.1.10",
+  "version": "2.1.11",
   "private": true,
   "scripts": {
     "dev": "nuxt",