Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 7 additions & 6 deletions app/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "name-request",
"version": "5.10.0",
"version": "5.10.1",
"private": true,
"engines": {
"node": ">=24"
Expand All @@ -9,14 +9,14 @@
"sbcName": "SBC Common Components",
"scripts": {
"dev": "vite",
"build": "vite build",
"build-check": "vite build",
"build": "vue-demi-fix && vite build",
"build-check": "vue-demi-fix && vite build",
"preview": "vite preview --port 8080",
"lint": "eslint . --ext js,ts,vue --no-fix",
"test": "vitest run",
"test:unit": "vitest run",
"test": "vue-demi-fix && vitest run",
"test:unit": "vue-demi-fix && vitest run",

@kialj876 kialj876 Jul 27, 2026

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

required since SRE CI installs with '--ignore-scripts'

"test:watch": "vitest watch",
"test:coverage": "vitest run --coverage"
"test:coverage": "vue-demi-fix && vitest run --coverage"
},
"dependencies": {
"@babel/compat-data": "^7.24.4",
Expand Down Expand Up @@ -75,6 +75,7 @@
"vitest": "0.33.0",
"volar-service-vetur": "^0.0.62",
"vue-debounce-decorator": "^1.0.1",
"vue-demi": "^0.14.10",
"vue-property-decorator": "^9.1.2",
"vue-test-utils-helpers": "git+https://github.com/bcgov/vue-test-utils-helpers.git",
"vuex-class": "^0.3.2",
Expand Down
3 changes: 3 additions & 0 deletions app/pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 3 additions & 1 deletion app/src/App.vue
Original file line number Diff line number Diff line change
Expand Up @@ -95,6 +95,7 @@
/>
<MrasSearchInfoDialog />
<NrNotRequiredDialog />
<NumberedCompanyHelpDialog />
<PaymentCompleteDialog />
<PickEntityOrConversionDialog />
<RenewDialog />
Expand Down Expand Up @@ -131,7 +132,7 @@ import { Breadcrumb } from '@/components/common'
import GenesysWebMessage from '@bcrs-shared-components/genesys-web-message/GenesysWebMessage.vue'
import { WebChat as ChatPopup } from '@bcrs-shared-components/web-chat'
import { AffiliationErrorDialog, CancelDialog, ConditionsDialog, ErrorDialog, ExitDialog,
HelpMeChooseDialog, MrasSearchInfoDialog, NrNotRequiredDialog, CreateBusinessErrorDialog,
HelpMeChooseDialog, MrasSearchInfoDialog, NrNotRequiredDialog, NumberedCompanyHelpDialog, CreateBusinessErrorDialog,
ConfirmNrDialog, PaymentCompleteDialog, PickEntityOrConversionDialog, RenewDialog, ReceiptsDialog,
RefundDialog, ResubmitDialog, RetryDialog, StaffPaymentErrorDialog, UpgradeDialog,
ExitIncompletePaymentDialog } from '@/components/dialogs'
Expand All @@ -158,6 +159,7 @@ import { CorpTypeCd } from '@bcrs-shared-components/corp-type-module'
HelpMeChooseDialog,
MrasSearchInfoDialog,
NrNotRequiredDialog,
NumberedCompanyHelpDialog,
PaymentCompleteDialog,
PickEntityOrConversionDialog,
ReceiptsDialog,
Expand Down
1 change: 1 addition & 0 deletions app/src/components/dialogs/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ export { default as ExitIncompletePaymentDialog } from './exit-incomplete-paymen
export { default as HelpMeChooseDialog } from './help-me-choose.vue'
export { default as MrasSearchInfoDialog } from './mras-search-info.vue'
export { default as NrNotRequiredDialog } from './nr-not-required.vue'
export { default as NumberedCompanyHelpDialog } from './numbered-company-help.vue'
export { default as PaymentCompleteDialog } from './payment-complete.vue'
export { default as PickEntityOrConversionDialog } from './pick-entity-or-conversion.vue'
export { default as ReceiptsDialog } from './receipts.vue'
Expand Down
242 changes: 242 additions & 0 deletions app/src/components/dialogs/numbered-company-help.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,242 @@
<template>
<!-- NB: dummy modal attach point so unit tests can see it -->
<v-dialog
v-model="showModal"
width="70rem"
attach=""
>
<v-card class="pa-14">
<v-card-title class="justify-center pa-0">
Choose the website you want to use
</v-card-title>
<v-btn
id="numbered-company-help-close-btn"
class="close-btn"
icon
:ripple="false"
@click="showModal = false"
>
<v-icon>mdi-close</v-icon>
</v-btn>

<v-card-text class="copy-normal pa-0 pt-6">
<v-row>
<!-- Corporate Online card (below the Registry card on small screens) -->
<v-col
cols="12"
md="6"
order="2"
order-md="1"
>
<v-card
id="corporate-online-card"
class="option-card"
>
<div class="option-card-header">
<div class="option-card-title">
Corporate Online
</div>
<div class="option-card-subtitle">
For complex filings.
</div>
</div>

<v-divider />

<div class="option-card-body">
<p>Choose this if you need to do any of the following in the next 6 months:</p>
<ul>
<li>combine or merge your business with another business (Amalgamation)</li>
<li>reactivate a business (Restoration)</li>
<li>move your business out of B.C. (Continuation-out)</li>
</ul>
<p class="font-weight-bold">
Note: all businesses in Corporate Online will be moved to the new BC Business Registry soon
</p>
<v-btn
id="help-corporate-online-btn"
class="button-blue mt-auto"
:href="colinLink"
target="_blank"
>
Continue to Corporate Online
<v-icon
right
small
>
mdi-open-in-new
</v-icon>
</v-btn>
</div>
</v-card>
</v-col>

<!-- BC Business Registry card (above the Corporate Online card on small screens) -->
<v-col
cols="12"
md="6"
order="1"
order-md="2"
>
<v-card
id="business-registry-card"
class="option-card"
>
<div class="option-card-header option-card-header-dark d-flex justify-space-between align-center">
<div>
<div class="option-card-title">
BC Business Registry
</div>
<div class="option-card-subtitle">
For everyday filings.
</div>
</div>
<div class="gold-badge">
Most common for business owners
</div>
</div>

<v-divider />

<div class="option-card-body">
<p>
Choose this <strong>if you won’t need to change your business information in the
next 6 months</strong>, or you will only need to do the following:
</p>
<ul>
<li>file annual reports</li>
<li>change your business address when you move</li>
<li>change directors names or addresses</li>
<li>change basic business information (Alteration)</li>
</ul>
<v-btn
id="help-business-registry-btn"
class="mt-auto"
:disabled="!isSupportedIncorporationRegistration(getEntityTypeCd)"
@click="registryClicked()"
>
Use the New BC Business Registry
</v-btn>
</div>
</v-card>
</v-col>
</v-row>
</v-card-text>
</v-card>
</v-dialog>
</template>

<script lang="ts">
import { Component, Mixins } from 'vue-property-decorator'
import { Action, Getter } from 'pinia-class'
import { useStore } from '@/store'
import { ActionBindingIF } from '@/interfaces/store-interfaces'
import { NrAffiliationMixin } from '@/mixins'

@Component({})
export default class NumberedCompanyHelpDialog extends Mixins(NrAffiliationMixin) {
@Getter(useStore) getNumberedCompanyHelpModalVisible!: boolean
@Action(useStore) setNumberedCompanyHelpModalVisible!: ActionBindingIF

readonly colinLink = sessionStorage.getItem('CORPORATE_ONLINE_URL')

get showModal () {
return this.getNumberedCompanyHelpModalVisible
}
set showModal (value: boolean) {
this.setNumberedCompanyHelpModalVisible(value)
}

/** Same action as the "Incorporate using the New BC Business Registry" launcher button. */
async registryClicked (): Promise<void> {
this.showModal = false
await this.actionNowClicked()
}
}
</script>

<style lang="scss" scoped>
@import '@/assets/styles/theme.scss';

#numbered-company-help-close-btn {
box-shadow: none !important;
background-color: transparent !important;

.v-icon {
color: $dk-text;
}
}

.close-btn {
position: absolute;
top: 1rem;
right: 1rem;
}

.option-card {
height: 100%;
display: flex;
flex-direction: column;
box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.2) !important;
padding: 0 !important;
}

.option-card-header {
padding: 1rem 1.5rem;

.option-card-title {
color: $dk-text;
font-size: $px-18;
font-weight: bold;
white-space: nowrap;
}

.option-card-subtitle {
color: $text;
font-size: $px-14;
}
}

.option-card-header-dark {
background-color: $BCgovBlue5;

.option-card-title,
.option-card-subtitle {
color: white;
}
}

.gold-badge {
background-color: $BCgovGold5;
border-radius: 4px;
color: black;
font-size: $px-14;
font-weight: bold;
line-height: 1.125rem;
padding: 0.25rem 0.5rem;
margin-left: 1rem;
max-width: 10rem;
text-align: center;
}

.option-card-body {
padding: 1.5rem;
display: flex;
flex-direction: column;
flex-grow: 1;
color: $text;

strong,
.font-weight-bold {
color: $text;
}

ul {
margin-bottom: 1rem;
}

.v-btn {
align-self: center;
}
}
</style>
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,20 @@
</template>

<template v-else-if="!isXproFlow">
<ul class="bullet-points">
<ul
v-if="isNumberedCompanyLauncherEnabled()"
class="bullet-points"
>
<li>
Your business name will be the Incorporation Number assigned by the Registry.
(It is not possible to request a specific number)
</li>
<li>You can change your business name at a later date.</li>
</ul>
<ul
v-else
class="bullet-points"
>
<li>Your business name will be the Incorporation Number assigned by the Registry.</li>
<li>You can change your business name at a later date.</li>
<li>It is not possible to request a specific Incorporation Number.</li>
Expand Down
Loading
Loading