@simitgroup/simpleapp-generator 2.0.0-e-alpha → 2.0.0-f-alpha

package/templates/nest/src/simple-app/.core/features/log/log.service.ts.eta

@@ -17,6 +17,36 @@ export class SimpleAppLogService {
   // addEvent(data: any) {
   //   console.log('Add event into db:', data);
   // }
+  //
+  async searchDocumentEvent(appUser: UserContext, documentName: string, id: string) {
+    const data = await this.doc.aggregate([
+      { $match: { documentName: documentName, documentId: id } },
+      {
+        $lookup: {
+          from: 'user',
+          as: 'user',
+          localField: 'createdBy',
+          foreignField: 'uid',
+          pipeline: [{$match:{tenantId:appUser.getTenantId()}},{ $project: { fullName: 1 } }],
+        },
+      },
+      { $unwind: '$user' },
+      {
+        $project: {
+          _id: 1,
+          fullName: '$user.fullName',
+          eventType:1,
+          createdBy: 1,
+          created: 1,
+          eventData: 1
+        },
+      },
+      {$sort:{created:1}}
+    ]);
+    // find({documentName:documentName,documentId:id},null,{session:appUser.getDBSession()})
+
+    return data;
+  }
   async addEvent(appUser: UserContext, documentName: string, id: string, eventType: string, data: any) {
     const eventdata: DocumentEvent = {
       _id: crypto.randomUUID(),
@@ -24,13 +54,13 @@ export class SimpleAppLogService {
       documentId: id,
       eventType: eventType,
       eventData: data,
-      created:'',
-      createdBy:'',
+      created: '',
+      createdBy: '',
       updated: '',
-      updatedBy:'',
-      tenantId:0,
-      orgId:0,
-      branchId:0,
+      updatedBy: '',
+      tenantId: 0,
+      orgId: 0,
+      branchId: 0,
     };
     Object.assign(eventdata, appUser.getCreateFilter());
     // console.log('add event', documentName, id, eventType);
@@ -51,13 +81,13 @@ export class SimpleAppLogService {
         documentId: data.id,
         eventType: eventType,
         eventData: data,
-        created:'',
-        createdBy:'',
+        created: '',
+        createdBy: '',
         updated: '',
-        updatedBy:'',
-        tenantId:0,
-        orgId:0,
-        branchId:0,
+        updatedBy: '',
+        tenantId: 0,
+        orgId: 0,
+        branchId: 0,
       };
       Object.assign(eventdata, appUser.getCreateFilter());
       alldata.push(eventdata);

package/templates/nest/src/simple-app/.core/features/log/schemas/document-event.schema.ts.eta

@@ -3,6 +3,28 @@ import { Field, ObjectType, ID } from '@nestjs/graphql';
 import GraphQLJSON, { GraphQLJSONObject } from 'graphql-type-json';
 import { Prop, Schema, SchemaFactory } from '@nestjs/mongoose';
 
+@ObjectType()
+export class DocumentEventListItem {
+  @Field()
+  @ApiProperty({ type: 'string', required: false, format: 'uuid', default: '' })
+  _id: string;
+  @Field()
+  @ApiProperty({ type: 'string', required: false, format: 'uuid', default: '' })
+  eventType: string;
+  @Field()
+  @ApiProperty({ type: 'string', required: false, format: 'uuid', default: '' })
+  created: string;
+  @Field()
+  @ApiProperty({ type: 'string', required: false, format: 'uuid', default: '' })
+  createdBy: string;
+  @Field()
+  @ApiProperty({ type: 'string', required: false, format: 'uuid', default: '' })
+  fullName: string;
+  @Field(()=>GraphQLJSON)
+  @ApiProperty({ type: ()=>Object, required: false, format: 'uuid', default: '' })
+  eventData: any;
+}
+
 @ObjectType()
 @Schema()
 export class DocumentEvent {
@@ -50,7 +72,7 @@ export class DocumentEvent {
   @Field()
   @ApiProperty({ type: 'string', required: false, example: ['create', 'delete'], default: '' })
   eventType: string;
-  @Prop({type: ()=>Object})
+  @Prop({ type: () => Object })
   @Field(() => GraphQLJSON)
   @ApiProperty({ type: () => Object, required: false, default: {} })
   eventData: Object;

package/templates/nest/src/simple-app/.core/features/mini-app/mini-app-manager/mini-app-manager-policy.service.ts.eta

@@ -5,7 +5,7 @@ import { PolicyService } from 'src/simple-app/.core/features/policy/policy.servi
 import { Role } from 'src/simple-app/.core/features/auth/role-guard/roles.enum';
 import { UserContext } from 'src/simple-app/.core/features/user-context/user.context';
 import { MiniApp } from '../dto';
-
+import * as plans from 'src/simple-app/features/subscription/license/plans'
 @Injectable()
 export class MiniAppManagerPolicyService {
   readonly _RELEASED_STATUSES = [MiniAppStatusEnum.PUBLISHED];
@@ -30,11 +30,18 @@ export class MiniAppManagerPolicyService {
 
   hasRequiredPlan(appUser: UserContext, miniApp: MiniApp) {
     const currentPlan = appUser.tenantInfo.package;
-    const requiredPlans = miniApp.access.requiredPlans ?? [];
-
-    if (_.isEmpty(requiredPlans)) return true;
-
-    return requiredPlans.includes(currentPlan);
+    // const requiredPlans = miniApp.access.requiredPlans ?? [];
+    
+    if(plans[currentPlan]){
+      const plansetting = plans[currentPlan]()
+      return plansetting?.features?.advance?.features?.miniApp ?? false
+
+    }else{
+      return false
+    }
+    // if (_.isEmpty(requiredPlans)) return true;
+
+    // return requiredPlans.includes(currentPlan);
   }
 
   isMiniAppRealeased(status: MiniAppStatusEnum) {

package/templates/nest/src/simple-app/.core/features/mini-app/mini-app-manager/mini-app-manager.service.ts.eta

@@ -9,7 +9,7 @@ import { MiniAppInstallationService } from 'src/simple-app/.core/resources/mini-
 import _ from 'lodash';
 import { MiniAppManagerPolicyService } from './mini-app-manager-policy.service';
 import { MiniAppError } from './mini-app-manager.error';
-
+import * as plans from 'src/simple-app/features/subscription/license/plans'
 @Injectable()
 export class MiniAppManagerService {
   constructor(
@@ -82,7 +82,7 @@ export class MiniAppManagerService {
     });
 
     const permissions = this.getMiniAppActionAccess(appUser);
-
+    
     const installedMiniApps = miniAppInstallations.map((installation) => {
       const miniApp = miniApps.find((miniApp) => miniApp._id === installation.miniApp._id);
       if (!miniApp) {
@@ -176,6 +176,9 @@ export class MiniAppManagerService {
   }
 
   private getMiniAppActionAccess(appUser: UserContext) {
+    const currentPlan = appUser.tenantInfo.package; 
+    const planSetting =  plans[currentPlan]()
+
     return {
       hasMiniAppFeature: this.policyService.hasFeature(appUser),
       canInstall: this.policyService.canInstall(appUser),

package/templates/nest/src/simple-app/.core/features/policy/policy.service.ts.eta

@@ -1,7 +1,7 @@
 import { Injectable } from '@nestjs/common';
 import { Role } from 'src/simple-app/.core/features/auth/role-guard/roles.enum';
 import { UserContext } from 'src/simple-app/.core/features/user-context/user.context';
-
+import * as plans from 'src/simple-app/features/subscription/license/plans'
 @Injectable()
 export class PolicyService {
   private readonly _HIGH_PRIVILEGE_ROLES = [Role.SuperAdmin, Role.SuperUser, Role.TenantOwner];
@@ -27,11 +27,12 @@ export class PolicyService {
    * - plans/pro.ts
    * - plans/enterprise.ts
    */
-  hasFeature(appUser: UserContext, feature: keyof typeof this._FEATURES): boolean {
-    const appPackage = appUser.tenantInfo.package
+  hasFeature(appUser: UserContext, feature: keyof typeof this._FEATURES): boolean {    
+    const appPackage = appUser.tenantInfo.package;
     const allowedPlans = this._FEATURES[feature];
-
-    return allowedPlans.includes(appPackage);
+    const planSetting = plans[appPackage]();
+    const allowed = planSetting.features?.advance?.features[feature]  ?? false;
+    return allowed
   }
 
   can(appUser: UserContext, role: Role) {

package/templates/nest/src/simple-app/.core/features/simple-app-core-features.module.ts.eta

@@ -7,7 +7,7 @@
 import { Module } from '@nestjs/common';
 
 import { SimpleAppAuthModule } from './auth/auth.module';
-import { DocumentNoFormatModule } from './document-no-format/document-no-format.module';
+import { SimpleAppDocumentNoFormatModule } from './document-no-format/document-no-format.module';
 import { SimpleAppForeignKeyModule } from './foreign-key/foreign-key.module';
 import { SimpleAppLogModule } from './log/log.module';
 import { MaintenanceModule } from './maintenance/maintenance.module';
@@ -22,7 +22,7 @@ import { AutoIncreamentModule } from './auto-increament/auto-increament.module';
   imports: [
     AutoIncreamentModule,
     SimpleAppAuthModule,
-    DocumentNoFormatModule,
+    SimpleAppDocumentNoFormatModule,
     SimpleAppForeignKeyModule,
     SimpleAppLogModule,
     MaintenanceModule,
@@ -37,7 +37,7 @@ import { AutoIncreamentModule } from './auto-increament/auto-increament.module';
   exports: [
     AutoIncreamentModule,
     SimpleAppAuthModule,
-    DocumentNoFormatModule,
+    SimpleAppDocumentNoFormatModule,
     SimpleAppForeignKeyModule,
     SimpleAppLogModule,
     MaintenanceModule,

package/templates/nest/src/simple-app/.core/features/user-context/user.context.ts.eta

@@ -1000,6 +1000,17 @@ export class UserContext extends UserContextInfo {
     return miniAppInstallation;
   }
 
+  async findInstalledMiniAppCode(miniAppCode: string) {
+    const miniAppInstallation = await this.miniAppInstallationModel.findOne({
+      'miniApp.code': miniAppCode,
+      isActive: true,
+      tenantId: this.tenantId,
+      orgId: this.orgId,
+      branchId: this.branchId,
+    });    
+    return miniAppInstallation.miniApp;
+  }
+
   async setUserProfileFromDB() {
     // const userProfile = await this.obtainProfileFromDB();
     // if (userProfile) {

package/templates/nest/src/simple-app/.core/features/webhook/schemas/webhook.schema.ts.eta

@@ -9,132 +9,132 @@ import { Field, ObjectType, ID } from '@nestjs/graphql';
 import GraphQLJSON, { GraphQLJSONObject } from 'graphql-type-json';
 import { Prop, Schema, SchemaFactory } from '@nestjs/mongoose';
 
-@ObjectType()
+// @ObjectType()
 @Schema({ collection: 'webhook' })
 export class WebhookBasicAuth {
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   user: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   password: string;
 }
 
-@ObjectType()
+// @ObjectType()
 @Schema()
 export class WebhookHeaders {
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   name: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   value: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, description: 'iso8601 dataempty mean new record', default: '' })
   created: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, description: 'iso8601 or empty', default: '' })
   updated: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   createdBy: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   updatedBy: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   _id: string;
 }
 
-@ObjectType()
+// @ObjectType()
 @Schema()
 export class Webhook {
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, format: 'uuid', default: '' })
   _id?: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   created?: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   updated?: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   createdBy?: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   updatedBy?: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'number', required: false, default: 1 })
   tenantId?: number;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'number', required: false, default: 1 })
   orgId?: number;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'number', required: false, default: 1 })
   branchId?: number;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: true, default: '' })
   title: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: true, format: 'uri', default: '' })
   url: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   requestMethod: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, description: 'apikey authentication use none + headers props', default: '' })
   authentication?: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, format: 'text', default: '' })
   description?: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, description: 'POST,PUT body template', format: 'text', default: '*' })
   body: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'boolean', required: false, default: true })
   active: boolean;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   resourceName: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, default: '' })
   eventType: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: false, description: 'temporary support realtime and roll-back-when-failed, 2nd way way throw error and roll back data if webhook failed.)', default: '' })
   jobType: string;
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'number', required: false, description: 'retries how many time when webhook failed', default: 0 })
   retryAttemps: number;
-  @Field()
+  // @Field()
   @ApiProperty({ type: () => WebhookBasicAuth, required: false })
   basicAuth?: WebhookBasicAuth;
   @Prop()
@@ -144,21 +144,21 @@ export class Webhook {
 }
 
 /***************************************** Start Auto Complete *****************************************/
-@ObjectType()
+// @ObjectType()
 @Schema()
 export class WebhookAutoComplete {
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: true, default: '' })
   _id: string;
 
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: true, default: '' })
   code: string;
 
   @Prop()
-  @Field()
+  // @Field()
   @ApiProperty({ type: 'string', required: true, default: '' })
   label: string;
 }

package/templates/nest/src/simple-app/.core/framework/base/simple-app.service.ts.eta

@@ -19,7 +19,7 @@ import { foreignkeys } from '../../features/foreign-key/foreignkeys.dict';
 import { CustomException } from '../custom-exception';
 
 import { camelToKebab } from 'src/simple-app/.core/utils/string-utils';
-import { DocumentNoFormatService } from '../../features/document-no-format/document-no-format.service';
+import { SimpleAppDocumentNoFormatService } from '../../features/document-no-format/document-no-format.service';
 import { UserContext } from '../../features/user-context/user.context';
 import { RunWebhookService } from '../../features/webhook/run-webhook.service';
 import { UniqueKeyExistResponse, DeleteResultType, IsolationType, MoreProjectionType, SchemaFields, TextSearchBody, PatchManyRequest } from '../schemas';
@@ -38,7 +38,7 @@ export class SimpleAppService<T extends SchemaFields> {
   // @Inject(AuditTrail)
   // protected audittrail: AuditTrail;
   // @Inject(DocNumberFormatGenerator)
-  protected docnogenerator: DocumentNoFormatService;
+  protected docnogenerator: SimpleAppDocumentNoFormatService;
   protected logger = new Logger();
   protected strictIsolation = true;
   protected jsonschema: any = {
@@ -65,7 +65,7 @@ export class SimpleAppService<T extends SchemaFields> {
   private logSvc:SimpleAppLogService;
   // protected userprovider = new UserContext() ;
 
-  constructor(doctype: string, docname: string, newdoc: Model<T>, isolationtype: IsolationType = IsolationType.org, eventEmitter: EventEmitter2, docnogenerator: DocumentNoFormatService,logSvc: SimpleAppLogService,runWebHook: RunWebhookService) {
+  constructor(doctype: string, docname: string, newdoc: Model<T>, isolationtype: IsolationType = IsolationType.org, eventEmitter: EventEmitter2, docnogenerator: SimpleAppDocumentNoFormatService,logSvc: SimpleAppLogService,runWebHook: RunWebhookService) {
     // console.log("-------init simpleapp service abstract class -------userprovider=",typeof this.userprovider)
     this.eventEmitter = eventEmitter;
     this.documentType = doctype.toUpperCase();

package/templates/nest/src/simple-app/mini-apps/mini-apps.module.ts._eta

@@ -0,0 +1,14 @@
+/**
+ * This file was automatically generated by simpleapp generator.
+ * --remove-this-line-to-prevent-override--
+ * last change 2025-09-01
+ * Author: Ks Tan
+ */
+import { Module } from '@nestjs/common';
+@Module({
+  // QueueTuitionClassModule
+  imports: [],
+  providers: [],
+  exports: [],
+})
+export class SimpleAppMiniAppsModule {}

package/templates/nest/src/simple-app/simple-app.module.ts.eta

@@ -11,7 +11,7 @@ import {SimpleAppEventsModule} from './events/events.module'
 import {SimpleAppFeaturesModule} from './features/features.module'
 
 import { SimpleAppResourceApiModule } from './apis/resource-api.module';
-
+import { SimpleAppMiniAppsModule } from './mini-apps/mini-apps.module';
 
 @Module({
   imports: [
@@ -19,6 +19,8 @@ import { SimpleAppResourceApiModule } from './apis/resource-api.module';
     SimpleAppResourcesModule,
     SimpleAppEventsModule,
     SimpleAppResourceApiModule,
+    SimpleAppFeaturesModule,
+    SimpleAppMiniAppsModule
   ],
   controllers: [],
   providers: [],
@@ -27,6 +29,8 @@ import { SimpleAppResourceApiModule } from './apis/resource-api.module';
     SimpleAppResourcesModule,
     SimpleAppEventsModule,
     SimpleAppResourceApiModule,
+    SimpleAppFeaturesModule,
+    SimpleAppMiniAppsModule
   ]
 })
 export class SimpleAppModule {}

package/templates/nuxt/components/form/FormDocnoformat.vue._eta

@@ -7,9 +7,7 @@
         :document="doc"
         @on="actionListener"
       ></SimpleAppFormToolBar>
-      <div
-        class="grid grid-cols-1 lg:grid-cols-2 gap-4 p-2"
-      >
+      <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 p-2">
         <SimpleAppInput
           :input-type="SimpleAppInputType.autocomplete"
           :setting="o.getField('#/properties/branch')"
@@ -19,11 +17,15 @@
           :readonly="!doc.isNew()"
           :input-type="SimpleAppInputType.select"
           :setting="o.getField('#/properties/docNoType')"
-          :options="getAllDocFormats().map((item) => item.docType)"
+          :options="
+            getAllDocFormats().map((item) => ({
+              label: docNoTypeMapping[item.docType] || item.docType,
+              value: item.docType,
+            }))
+          "
           v-model="data.docNoType"
         />
 
-
         <SimpleAppInput
           :input-type="SimpleAppInputType.text"
           :setting="o.getField('#/properties/docNoFormatNo')"
@@ -47,7 +49,6 @@
           v-model="data.default"
         />
 
-        
         <SimpleAppInput
           :input-type="SimpleAppInputType.text"
           :setting="o.getField('#/properties/docNoPattern')"
@@ -65,27 +66,43 @@
       </div>
     </SimpleAppForm>
     <DebugDocumentData v-model="data" :label="doc.getDocName()" />
+    <DataTable
+      :value="formatParams"
+      class="p-datatable-sm mt-6"
+      stripedRows
+      responsiveLayout="scroll"
+    >
+      <template #header>
+        <div class="text-sm font-semibold">Format Parameters</div>
+      </template>
+      <Column
+        field="placeholder"
+        header="Placeholder"
+        style="width: 30%"
+        class="text-xs"
+      />
+      <Column field="description" header="Description" class="text-xs" />
+    </DataTable>
   </div>
 </template>
 
 <script setup lang="ts">
 /**
- * This file was automatically generated by simpleapp generator during initialization. It is changable.
- * --remove-this-line-to-prevent-override--
+ * This file was automatically generated by simpleapp generator.
  * last change 2024-02-16
  * Author: Ks Tan
  */
 import { SimpleAppInputType, FormCrudEvent } from "~/types";
-import { Docnoformat } from "~/simpleapp/generate/types";
-import { DocnoformatDoc } from "~/simpleapp/docs/DocnoformatDoc";
+import { DocumentNoFormat  } from "~/simpleapp/generate/openapi";
+import { DocumentnoformatDoc } from "~/simpleapp/docs/DocumentnoformatDoc";
 
 const props = defineProps<{
   _id?: string;
-  doc?: DocnoformatDoc;
-  paras?: Docnoformat;
+  doc?: DocumentnoformatDoc;
+  paras?: Partial<DocumentNoFormat>;
 }>();
 
-const doc = props.doc ?? useNuxtApp().$DocnoformatDoc();
+const doc = props.doc ?? useNuxtApp().$DocumentnoformatDoc()
 const data = doc.getReactiveData();
 const sample = ref("");
 const emits = defineEmits(["after"]);
@@ -94,9 +111,41 @@ const id = computed(() => props._id ?? "");
 /************ start default methods ****************/
 
 const newData = () => {
-  doc.setNew()
-  delete data.value.branch
-}
+  doc.setNew();
+  delete data.value.branch;
+};
+
+const formatParams = [
+  {
+    placeholder: "[0000]",
+    description: "0001 displays the transaction numbering.",
+  },
+  {
+    placeholder: "{YYYY}",
+    description: "Displays 4-digit current year (e.g., 2025-9999).",
+  },
+  {
+    placeholder: "{YY}",
+    description: "Displays 2-digit current year (e.g., 25).",
+  },
+  {
+    placeholder: "{MM}",
+    description: "Displays 2-digit current month (e.g., 01-12).",
+  },
+  { placeholder: "{ddd}", description: "Displays current day (e.g., Tue)." },
+  {
+    placeholder: "{DD}",
+    description: "Displays 2-digit day of the month (e.g., 01-31).",
+  },
+  {
+    placeholder: "{YYMM}",
+    description: "Displays 2-digit year and 2-digit month (e.g., 2504).",
+  },
+  {
+    placeholder: "{YYYYMM}",
+    description: "Displays 4-digit year and 2-digit month (e.g., 202504).",
+  },
+];
 
 const getRecord = async () => {
   if (id.value && id.value != "new") {
@@ -106,6 +155,18 @@ const getRecord = async () => {
   }
 };
 
+const docNoTypeMapping: Record<string, string> = {
+  CN: "Credit Note",
+  ANNOUNCEMENT: "Announcement",
+  ENROLL: "Enrolment",
+  INV: "Invoice",
+  PAY: "Payment",
+  REFUND: "Refund",
+  STU: "Student",
+  TEACHER: "Teacher",
+  TUITION: "Tuition Class",
+};
+
 getRecord();
 watch(id, async () => await getRecord());
 /************ end default methods ****************/
@@ -134,7 +195,7 @@ onMounted(async () => {
 // };
 /************ end api methods ****************/
 const updateSample = () => {
-  sample.value = "Example: " + previewDocNo();
+  sample.value = "Format Sample: " + previewDocNo();
 };
 
 const previewDocNo = (): string => {