hl-core 0.0.8-beta.1 → 0.0.8-beta.11

package/components/Pages/ProductConditions.vue

@@ -13,6 +13,66 @@
           subtitle="Если несовершеннолетний не достиг возраста 14 лет - законному представителю в соответствии с законодательством Республики Казахстан"
         ></base-form-text-section>
       </base-form-section>
+      <base-form-section v-if="isUnderwriterRole" :title="$t('recalculationInfo')">
+        <base-form-input
+          v-model="productConditionsForm.lifeMultiply"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Life Multiply`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationMultiply"
+        ></base-form-input>
+        <base-form-input
+          v-model="productConditionsForm.lifeAdditive"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Life Additive`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationAdditive"
+        ></base-form-input>
+        <base-form-input
+          v-model="productConditionsForm.adbMultiply"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Adb Multiply`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationMultiply"
+        ></base-form-input>
+        <base-form-input
+          v-model="productConditionsForm.adbAdditive"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Adb Additive`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationAdditive"
+        ></base-form-input>
+        <base-form-input
+          v-model="productConditionsForm.disabilityMultiply"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Disability Multiply`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationMultiply"
+        ></base-form-input>
+        <base-form-input
+          v-model="productConditionsForm.disabilityAdditive"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Disability Additive`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationAdditive"
+        >
+        </base-form-input>
+        <base-panel-input
+          v-model="productConditionsForm.riskGroup"
+          :value="productConditionsForm.riskGroup.nameRu"
+          :label="$t('productConditionsForm.riskGroup')"
+          :clearable="isRecalculationDisabled === false"
+          :readonly="isRecalculationDisabled"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($t('productConditionsForm.riskGroup'), $dataStore.riskGroup, 'riskGroup')"
+        ></base-panel-input>
+      </base-form-section>
       <base-form-section :title="$t('generalConditions')">
         <div v-if="isRecalculation && $route.params.taskId === '0'">
           <base-form-input
@@ -48,10 +108,11 @@
           :maska="$maska.numbers"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :rules="$rules.required.concat($rules.numbers, $rules.coverPeriodFrom3to20)"
-          :label="$t('productConditionsForm.coverPeriodFrom3to20')"
+          :rules="coverPeriodRule"
+          :label="$t($dataStore.isGons ? 'productConditionsForm.coverPeriodFrom3to20' : 'productConditionsForm.coverPeriod')"
         ></base-form-input>
         <base-panel-input
+          v-if="hasPaymentPeriod"
           v-model="productConditionsForm.paymentPeriod"
           :value="productConditionsForm.paymentPeriod.nameRu"
           :readonly="isDisabled"
@@ -61,12 +122,34 @@
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($t('productConditionsForm.processPaymentPeriod'), $dataStore.processPaymentPeriod, 'paymentPeriod', $dataStore.getProcessPaymentPeriod)"
         ></base-panel-input>
+        <base-panel-input
+          v-if="hasProcessIndexRate"
+          v-model="productConditionsForm.processIndexRate"
+          :value="productConditionsForm.processIndexRate.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$t('productConditionsForm.processIndexRate')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($t('productConditionsForm.processIndexRate'), $dataStore.processIndexRate, 'processIndexRate', $dataStore.getProcessIndexRate)"
+        ></base-panel-input>
         <base-form-input
           v-model="productConditionsForm.requestedSumInsured"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="requestedSumInsured"
           :label="$t('productConditionsForm.requestedSumInsured')"
+          @input="onInputSum"
+        ></base-form-input>
+        <base-form-input
+          v-if="hasRequestedSumInsuredInDollar"
+          v-model="productConditionsForm.requestedSumInsuredInDollar"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="requestedSumInsured"
+          :label="$t('productConditionsForm.requestedSumInsuredInDollar')"
+          :suffix="$constants.currencySymbols.usd"
+          @input="onInputSumDollar"
         ></base-form-input>
         <base-form-input
           v-model="productConditionsForm.insurancePremiumPerMonth"
@@ -74,15 +157,52 @@
           :clearable="!isDisabled"
           :rules="insurancePremiumPerMonth"
           :label="$t('productConditionsForm.insurancePremiumAmount')"
+          :suffix="$constants.currencySymbols.kzt"
+          @input="onInputInsurancePremiumPerMonth"
+        ></base-form-input>
+        <base-form-input
+          v-if="hasInsurancePremiumPerMonthInDollar"
+          v-model="productConditionsForm.insurancePremiumPerMonthInDollar"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="insurancePremiumPerMonth"
+          :label="$t('productConditionsForm.insurancePremiumAmountInDollar')"
+          :suffix="constants.currencySymbols.usd"
+          @input="onInputInsurancePremiumPerMonthInDollar"
+        ></base-form-input>
+        <base-form-input
+          v-if="hasCurrency && $dataStore.currencies.usd"
+          v-model="$dataStore.currencies.usd"
+          :readonly="true"
+          :label="$t('productConditionsForm.dollarExchangeRateNBRK')"
+          :suffix="$constants.currencySymbols.kzt"
         ></base-form-input>
       </base-form-section>
+      <base-form-section v-if="additionalTerms && additionalTerms.length" :title="$t('productConditionsForm.additional')">
+        <div v-for="(term, index) of additionalTerms" :key="index">
+          <base-panel-input
+            v-model="additionalTerms[index]"
+            :value="term.coverSumName"
+            :readonly="isDisabled"
+            :clearable="!isDisabled"
+            :label="term.coverTypeName"
+            append-inner-icon="mdi mdi-chevron-right"
+            @append="openTermPanel(term.coverTypeName, $dataStore.getAdditionalInsuranceTermsAnswers, term.coverTypeId, index)"
+          ></base-panel-input>
+        </div>
+      </base-form-section>
     </v-form>
+    <base-btn v-if="isRecalculation && hasCalculated" :btn="$libStyles.greenLightBtn" :text="$t('buttons.toStatement')" @click="toStatement"></base-btn>
     <base-btn
       v-if="!isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter())"
       :loading="isCalculating"
       :text="$t('buttons.calculate')"
       @click="submitForm"
     ></base-btn>
+    <div v-if="$dataStore.isTask() && $dataStore.isUnderwriter() && !isRecalculationDisabled" class="flex gap-3">
+      <base-btn :text="$t('buttons.calcSum')" type="submit" @click.prevent="underwriterCalculate('sum')" :loading="isCalculating" />
+      <base-btn :text="$t('buttons.calcPremium')" type="submit" @click.prevent="underwriterCalculate('premium')" :loading="isCalculating" />
+    </div>
     <Teleport v-if="isPanelOpen" to="#panel-actions">
       <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input v-model="searchQuery" :label="$t('labels.search')" class="w-full p-2" :hide-details="true"></base-rounded-input>
@@ -91,7 +211,7 @@
           <base-panel-select-item
             v-for="(item, index) of panelList.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery, 'i')))"
             :key="index"
-            :text="item.nameRu as string"
+            :text="(item.nameRu as string)"
             :selected="item.nameRu === panelValue.nameRu"
             @click="pickPanelValue(item)"
           ></base-panel-select-item>
@@ -99,6 +219,21 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
       </div>
     </Teleport>
+    <Teleport v-if="isTermsPanelOpen" to="#panel-actions">
+      <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
+        <base-rounded-input v-model="searchQuery" :label="$t('labels.search')" class="w-full p-2" :hide-details="true"></base-rounded-input>
+        <div v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
+          <base-panel-select-item
+            v-for="(item, index) of panelList.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery, 'i')))"
+            :key="index"
+            :text="(item.nameRu as string)"
+            :selected="item.nameRu === termValue?.coverSumName"
+            @click="pickTermValue(item)"
+          ></base-panel-select-item>
+        </div>
+        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
+      </div>
+    </Teleport>
   </section>
 </template>
 
@@ -123,13 +258,17 @@ export default defineComponent({
     const isCalculating = ref<boolean>(false);
     const isPanelLoading = ref<boolean>(false);
     const isPanelOpen = ref<boolean>(false);
+    const isTermsPanelOpen = ref<boolean>(false);
     const panelValue = ref<Value>(new Value());
+    const termValue = ref<AddCover>();
     const panelList = ref<Value[]>([]);
     const productConditionsForm = formStore.productConditionsForm;
     const currentPanel = ref<keyof typeof productConditionsForm>();
+    const currentIndex = ref<number>();
     const searchQuery = ref<string>('');
     const whichSum = ref<'insurancePremiumPerMonth' | 'requestedSumInsured' | ''>('');
 
+    const additionalTerms = ref<AddCover[]>([]);
     const isUnderwriterForm = computed(() => {
       if (route.params.taskId === '0 ' || props.isRecalculation === true) {
         return false;
@@ -139,25 +278,88 @@ export default defineComponent({
     });
     const isDisabled = computed(() => !memberStore.isStatementEditible(formStore.productConditionsFormKey));
     const isTask = computed(() => (route.params.taskId === '0' && props.isRecalculation === true) || dataStore.isTask());
+    const isRecalculationDisabled = computed(() => formStore.isDisabled.recalculationForm);
+    const isUnderwriterRole = computed(() => dataStore.isUnderwriter() || dataStore.isAdmin() || dataStore.isSupport());
     const insurancePremiumPerMonth = computed(() => (!!productConditionsForm.insurancePremiumPerMonth ? dataStore.rules.required.concat(dataStore.rules.sums) : []));
     const requestedSumInsured = computed(() => (!!productConditionsForm.requestedSumInsured ? dataStore.rules.required.concat(dataStore.rules.sums) : []));
+    const hasCalculated = computed(() => !!productConditionsForm.requestedSumInsured && !!productConditionsForm.insurancePremiumPerMonth);
+    const hasProcessIndexRate = computed(() => {
+      if (dataStore.isGons || dataStore.isKazyna) {
+        return false;
+      }
+      return true;
+    });
+    const hasPaymentPeriod = computed(() => {
+      if (dataStore.isKazyna) {
+        return false;
+      }
+      return true;
+    });
+    const hasRequestedSumInsuredInDollar = computed(() => {
+      if (dataStore.isKazyna) {
+        return true;
+      }
+      return false;
+    });
+    const hasInsurancePremiumPerMonthInDollar = computed(() => {
+      if (dataStore.isKazyna) {
+        return true;
+      }
+      return false;
+    });
+    const hasCurrency = computed(() => {
+      if (dataStore.isKazyna) {
+        return true;
+      }
+      return false;
+    });
+    const coverPeriodRule = computed(() => {
+      const baseCondition = dataStore.rules.required.concat(dataStore.rules.numbers);
+      if (dataStore.isGons) {
+        return baseCondition.concat(dataStore.rules.coverPeriodFrom3to20);
+      }
+      if (dataStore.isKazyna) {
+        return baseCondition.concat(dataStore.rules.coverPeriodFrom2to20);
+      }
+      return baseCondition;
+    });
 
-    const pickPanelValue = (item: Value) => {
-      if (!isDisabled.value) {
-        dataStore.panel.open = false;
-        isPanelOpen.value = false;
-        // @ts-ignore
-        productConditionsForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
-      } else {
-        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
+    const toStatement = async () => {
+      const statementItem = dataStore.menuItems.find(i => i.id === 'statement');
+      if (statementItem) {
+        dataStore.menu.selectedItem = statementItem;
+        await router.replace({
+          name: 'taskId',
+          query: {
+            ...route.query,
+            tab: 'statement',
+          },
+        });
       }
     };
 
+    const pickPanelValue = (item: Value) => {
+      dataStore.panel.open = false;
+      isPanelOpen.value = false;
+      if (!currentPanel.value) return;
+      // @ts-ignore
+      productConditionsForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
+    };
+
+    const pickTermValue = (item: Value) => {
+      dataStore.panel.open = false;
+      isTermsPanelOpen.value = false;
+      if (typeof currentIndex.value !== 'number') return;
+      additionalTerms.value[currentIndex.value].coverSumId = item.id as string;
+      additionalTerms.value[currentIndex.value].coverSumName = item.nameRu as string;
+    };
+
     const openPanel = async (title: string, list: Value[], key: string, asyncFunction?: Function, filterKey?: string) => {
-      if (!isDisabled.value) {
+      if (!isDisabled.value || (key === 'riskGroup' && !isRecalculationDisabled.value)) {
         searchQuery.value = '';
         currentPanel.value = key as keyof typeof productConditionsForm;
         isPanelOpen.value = true;
+        isTermsPanelOpen.value = false;
         dataStore.panelAction = null;
         dataStore.panel.open = true;
         dataStore.panel.title = title;
@@ -167,7 +369,7 @@ export default defineComponent({
           isPanelLoading.value = true;
           newList = await asyncFunction(filterKey, formStore.productConditionsFormKey);
         }
-        panelList.value = newList;
+        panelList.value = filterList(newList, key);
         // @ts-ignore
         panelValue.value = productConditionsForm[currentPanel.value];
         isPanelLoading.value = false;
@@ -176,12 +378,96 @@ export default defineComponent({
       }
     };
 
+    const filterList = (list: Value[], key: string) => {
+      if (dataStore.isBaiterek) {
+        if (dataStore.isManagerHalykBank()) {
+          if (key === 'paymentPeriod') return list.filter(i => i.code !== 'single');
+        }
+      }
+      return list;
+    };
+
+    const openTermPanel = async (title: string, asyncFunction: Function, questionId: string, index: number) => {
+      if (!isDisabled.value) {
+        searchQuery.value = '';
+        currentIndex.value = index;
+        isPanelOpen.value = false;
+        isTermsPanelOpen.value = true;
+        dataStore.panelAction = null;
+        dataStore.panel.open = true;
+        dataStore.panel.title = title;
+
+        let newList;
+        if (asyncFunction) {
+          isPanelLoading.value = true;
+          newList = await asyncFunction(questionId);
+        }
+        panelList.value = newList;
+        // @ts-ignore
+        termValue.value = additionalTerms.value[index];
+        isPanelLoading.value = false;
+      } else {
+        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
+      }
+    };
+
+    const underwriterCalculate = async (type: 'sum' | 'premium') => {
+      if (!type) return;
+      if (type === 'sum') {
+        whichSum.value = 'insurancePremiumPerMonth';
+      }
+      if (type === 'premium') {
+        whichSum.value = 'requestedSumInsured';
+      }
+      await submitForm();
+    };
+
     const pickCalculation = async (type: 'insurancePremiumPerMonth' | 'requestedSumInsured') => {
       if (!type) return false;
       whichSum.value = type;
       await submitForm();
     };
 
+    const onInputInsurancePremiumPerMonth = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedPremiumDollar = getNumber(event.target.value as string);
+        if (calculatedPremiumDollar) {
+          productConditionsForm.insurancePremiumPerMonth = dataStore.getNumberWithSpaces(productConditionsForm.insurancePremiumPerMonth);
+          productConditionsForm.insurancePremiumPerMonthInDollar = dataStore.getNumberWithSpaces(calculatedPremiumDollar / dataStore.currencies.usd);
+        }
+      }
+    };
+
+    const onInputInsurancePremiumPerMonthInDollar = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedPremium = getNumber(event.target.value as string);
+        if (calculatedPremium) {
+          productConditionsForm.insurancePremiumPerMonthInDollar = dataStore.getNumberWithSpaces(productConditionsForm.insurancePremiumPerMonthInDollar);
+          productConditionsForm.insurancePremiumPerMonth = dataStore.getNumberWithSpaces(calculatedPremium * dataStore.currencies.usd);
+        }
+      }
+    };
+
+    const onInputSum = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedSumDollar = getNumber(event.target.value as string);
+        if (calculatedSumDollar) {
+          productConditionsForm.requestedSumInsured = dataStore.getNumberWithSpaces(productConditionsForm.requestedSumInsured);
+          productConditionsForm.requestedSumInsuredInDollar = dataStore.getNumberWithSpaces(calculatedSumDollar / dataStore.currencies.usd);
+        }
+      }
+    };
+
+    const onInputSumDollar = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedSum = getNumber(event.target.value as string);
+        if (calculatedSum) {
+          productConditionsForm.requestedSumInsuredInDollar = dataStore.getNumberWithSpaces(productConditionsForm.requestedSumInsuredInDollar);
+          productConditionsForm.requestedSumInsured = dataStore.getNumberWithSpaces(calculatedSum * dataStore.currencies.usd);
+        }
+      }
+    };
+
     const submitForm = async () => {
       vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
         if (v.valid) {
@@ -249,11 +535,11 @@ export default defineComponent({
           if (errors) {
             const errorText = errors.querySelector('.v-label.v-field-label');
             if (errorText) {
-              dataStore.showToaster('error', dataStore.t('toaster.errorFormField').replace('{text}', errorText.innerHTML?.replace(/[-<>!//.]/g, '')));
+              dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: errorText.innerHTML?.replace(/[-<>!//.]/g, '') }));
             } else {
               const errorFieldText = errors.querySelector('.v-input__control');
               if (errorFieldText) {
-                dataStore.showToaster('error', dataStore.t('toaster.errorFormField').replace('{text}', errorFieldText.innerHTML?.replace(/[-<>!//.]/g, '')));
+                dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: errorFieldText.innerHTML?.replace(/[-<>!//.]/g, '') }));
               }
             }
             errors.scrollIntoView({
@@ -277,17 +563,25 @@ export default defineComponent({
           formStore.additionalInsuranceTermsWithout = defaultData.addCovers;
           productConditionsForm.requestedSumInsured = defaultData.amount;
           productConditionsForm.insurancePremiumPerMonth = defaultData.premium;
-          productConditionsForm.processIndexRate = dataStore.processIndexRate.find(i => i.id === defaultData.indexRateId);
-          productConditionsForm.paymentPeriod = dataStore.processPaymentPeriod.find(i => i.id == defaultData.paymentPeriodId);
+          const indexRate = dataStore.processIndexRate.find(i => i.id === defaultData.indexRateId);
+          if (indexRate) productConditionsForm.processIndexRate = indexRate;
+          const paymendPeriod = dataStore.processPaymentPeriod.find(i => i.id == defaultData.paymentPeriodId);
+          if (paymendPeriod) productConditionsForm.paymentPeriod = paymendPeriod;
           productConditionsForm.signDate = reformatDate(defaultData.signDate);
         }
       }
+      additionalTerms.value = props.isRecalculation ? formStore.additionalInsuranceTermsWithout : formStore.additionalInsuranceTerms;
       if (!!productConditionsForm.insurancePremiumPerMonth) {
         whichSum.value = 'insurancePremiumPerMonth';
       }
       if (!!productConditionsForm.requestedSumInsured) {
         whichSum.value = 'requestedSumInsured';
       }
+      if (dataStore.isKazyna) {
+        const kazynaPaymentPeriod = dataStore.processPaymentPeriod.find(i => i.code === 'single');
+        if (kazynaPaymentPeriod) productConditionsForm.paymentPeriod = kazynaPaymentPeriod;
+        await dataStore.getCurrencies();
+      }
     });
 
     watch(
@@ -322,6 +616,7 @@ export default defineComponent({
       () => {
         if (dataStore.panel.open === false) {
           isPanelOpen.value = false;
+          isTermsPanelOpen.value = false;
           dataStore.panelAction = null;
         }
       },
@@ -333,10 +628,13 @@ export default defineComponent({
       formStore,
       vForm,
       productConditionsForm,
+      additionalTerms,
       isCalculating,
       isPanelLoading,
       isPanelOpen,
+      isTermsPanelOpen,
       panelValue,
+      termValue,
       panelList,
       searchQuery,
       whichSum,
@@ -348,12 +646,31 @@ export default defineComponent({
       isUnderwriterForm,
       insurancePremiumPerMonth,
       requestedSumInsured,
+      isRecalculationDisabled,
+      isUnderwriterRole,
+      hasProcessIndexRate,
+      hasPaymentPeriod,
+      hasRequestedSumInsuredInDollar,
+      hasInsurancePremiumPerMonthInDollar,
+      hasCurrency,
+      hasCalculated,
+
+      // Rules
+      coverPeriodRule,
 
       // Functions
       submitForm,
       pickPanelValue,
+      pickTermValue,
       openPanel,
+      openTermPanel,
       pickCalculation,
+      underwriterCalculate,
+      onInputInsurancePremiumPerMonth,
+      onInputInsurancePremiumPerMonthInDollar,
+      onInputSum,
+      onInputSumDollar,
+      toStatement,
     };
   },
 });

package/components/Panel/PanelHandler.vue

@@ -77,7 +77,7 @@
             <v-form ref="vForm">
               <base-rounded-input
                 v-model="phoneNumber"
-                v-maska="'+7 (7##) ### ## ##'"
+                :maska="$maska.phone"
                 :rules="$rules.required.concat($rules.phoneFormat)"
                 :label="$t('form.phoneNumber')"
                 placeholder="+7 7"
@@ -89,6 +89,14 @@
       </base-fade-transition>
     </div>
   </section>
+  <section v-if="registerActions">
+    <div :class="[$libStyles.flexColNav]">
+      <v-form ref="vForm">
+        <base-rounded-input v-model="actionCause" placeholder="№ ХХХХХХХХХ" :rules="$rules.required"></base-rounded-input>
+      </v-form>
+      <base-btn :text="$t('buttons.send')" :loading="loading" @click="submitForm"></base-btn>
+    </div>
+  </section>
 </template>
 
 <script lang="ts">
@@ -104,16 +112,6 @@ export default defineComponent({
     const phoneNumber = ref<string | null>(formStore.policyholderForm.phoneNumber ?? '');
     const selectedClient = ref<SignUrlType>();
 
-    watch(
-      () => dataStore.panelAction,
-      val => {
-        if (!!val) {
-          dataStore.panel.title = buttonText.value!;
-          dataStore.panel.open = true;
-        }
-      },
-    );
-
     const openSmsPanel = (signInfo: SignUrlType) => {
       if (signInfo) {
         isSendNumberOpen.value = true;
@@ -138,8 +136,10 @@ export default defineComponent({
           switch (dataStore.panelAction) {
             case constants.actions.pay:
               await dataStore.sendSMS('PayUrl', phoneNumber.value, formStore.epayLink);
+              break;
             case constants.actions.sign:
               await dataStore.sendSMS('SignUrl', phoneNumber.value, selectedClient.value?.uri);
+              break;
             default:
               await handleTask();
           }
@@ -167,15 +167,28 @@ export default defineComponent({
           return dataStore.t('buttons.sign');
         case constants.actions.pay:
           return dataStore.t('buttons.pay');
+        case constants.actions.register:
+          return dataStore.t('buttons.register');
       }
     });
 
+    watch(
+      () => dataStore.panelAction,
+      val => {
+        if (!!val) {
+          dataStore.panel.title = buttonText.value!;
+          dataStore.panel.open = true;
+        }
+      },
+      { immediate: true },
+    );
     const sendingActions = computed(
       () => dataStore.panelAction === constants.actions.reject || dataStore.panelAction === constants.actions.return || dataStore.panelAction === constants.actions.rejectclient,
     );
     const acceptAction = computed(() => dataStore.panelAction === constants.actions.accept);
     const signingActions = computed(() => dataStore.panelAction === constants.actions.sign);
     const payingActions = computed(() => dataStore.panelAction === constants.actions.pay);
+    const registerActions = computed(() => dataStore.panelAction === constants.actions.register);
     const paymentPeriod = computed(() => formStore.productConditionsForm.paymentPeriod.nameRu);
     const insurancePremiumPerMonth = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.insurancePremiumPerMonth));
     const requestedSumInsured = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.requestedSumInsured));
@@ -203,6 +216,7 @@ export default defineComponent({
       signingActions,
       payingActions,
       acceptAction,
+      registerActions,
       paymentPeriod,
       insurancePremiumPerMonth,
       requestedSumInsured,