@yomotech/view-toolkit 0.0.32 → 0.0.34

package/src/lib/services/utility.service.ts

@@ -1,600 +0,0 @@
-import { Platform } from '@angular/cdk/platform';
-import { Injectable } from '@angular/core';
-import { Preferences } from '@capacitor/preferences';
-import { RequestService } from './request.service';
-import { loadStripe } from '@stripe/stripe-js';
-import { lastValueFrom } from 'rxjs';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class UtilityService {
-  stripe: any = null;
-
-  constructor(private platform: Platform,
-    private requestService: RequestService) { }
-
-  getScope(scope: any) {
-    let propertyScope = "";
-    let start = scope?.indexOf("#/") + 2;
-    let end = scope?.indexOf("/", start);
-    if (start && end) {
-      propertyScope = scope.substring(start, end);
-    }
-    return propertyScope;
-  }
-
-  getProperty(scope: any, itemInfo?: any) {
-    const property = scope?.reference ? scope?.reference.split('/').pop() : '';
-    return { key: property, productSchema: itemInfo.propertySchema[property] };
-  }
-
-  async setStorage(key: string, value: any) {
-    if ((this.platform.ANDROID || this.platform.IOS) && !this.platform?.isBrowser) {
-      await Preferences.set({ key, value });
-    } else {
-      sessionStorage.setItem(key, value);
-    }
-  }
-
-  async getStorage(key: string) {
-    if ((this.platform.ANDROID || this.platform.IOS) && !this.platform?.isBrowser) {
-      const { value } = await Preferences.get({ key });
-      return value;
-    } else {
-      const storage = sessionStorage.getItem(key);
-      return storage;
-    }
-  }
-
-  async setLocalStorage(key: string, value: any) {
-    const stringValue = JSON.stringify(value);
-    if ((this.platform.ANDROID || this.platform.IOS) && !this.platform?.isBrowser) {
-      await Preferences.set({ key, value: stringValue });
-    } else {
-      localStorage.setItem(key, stringValue);
-    }
-  }
-
-  async removeLocalStorage(keyName: string) {
-    if ((this.platform.ANDROID || this.platform.IOS) && !this.platform?.isBrowser) {
-      await Preferences.remove({ key: keyName });
-    } else {
-      localStorage.removeItem(keyName);
-    }
-  }
-
-  async removeStorage(key: string) {
-    if ((this.platform.ANDROID || this.platform.IOS) && !this.platform?.isBrowser) {
-      await Preferences.remove({ key });
-    } else {
-      sessionStorage.removeItem(key);
-    }
-  }
-
-  async getLocalStorage<T = unknown>(key: string) {
-    if ((this.platform.ANDROID || this.platform.IOS) && !this.platform?.isBrowser) {
-      const { value } = await Preferences.get({ key });
-      return value ? JSON.parse(value) : null;
-    } else {
-      const value = localStorage.getItem(key);
-
-      if (value === null) {
-        return null;
-      }
-
-      try {
-        return JSON.parse(value) as T;
-      } catch {
-        return value;
-      }
-    }
-  }
-
-  async showAllProjects() {
-    await this.removeStorage('selectedProject');
-    window.location.reload();
-  }
-
-  parseBodyObject(obj: any): any {
-    const jsonString = JSON.stringify(obj);
-    const replacedString = jsonString.replace(/{{(.*?)}}/g, (match, expression) => {
-      try {
-        return new Function(`return ${expression.trim()};`).call(this);
-      } catch (error) {
-        console.error(`Error evaluating expression: ${expression}`, error);
-        return match;
-      }
-    });
-    return JSON.parse(replacedString);
-  }
-
-  getTotalPrice(tableitemInfo: any): number {
-    const total = tableitemInfo.data.reduce((total: any, item: any) => {
-      if (item.quantity && !isNaN(item.quantity)) {
-        return total + (item.unitPrice * item.quantity);
-      }
-      return total;
-    }, 0);
-    return total.toFixed(2);
-  }
-
-  getTotalQuantity(tableitemInfo: any) {
-    let quantity = 0;
-    tableitemInfo.data.forEach((cartItem: any) => {
-      if (cartItem.quantity) {
-        quantity = cartItem.quantity + quantity;
-      }
-    });
-    return quantity;
-  }
-
-  replacePaginationParams(url: string, currentPage: number, pageSize: number): string {
-    if (url && url.includes('{{pageNumber}}')) {
-      url = url.replace(/{{pageNumber}}/g, currentPage.toString());
-    }
-
-    if (url && url.includes('{{pageSize}}') && pageSize !== undefined) {
-      url = url.replace(/{{pageSize}}/g, pageSize.toString());
-    }
-    return url;
-  }
-
-  customButton(option: any, propertySchema: any, projectSeleted: any, environment: any) {
-    if (option.url) {
-      let body = {}
-      if (option.propertyKey) {
-        body = Object.keys(propertySchema[option.propertyKey]).reduce((acc, key) => {
-          acc[key] = propertySchema[option.propertyKey][key]?.value;
-          return acc;
-        }, {} as Record<string, string>);
-      }
-      let url = environment?.apiUrl + option.url;
-      this.requestService.dynamicCall(option.method, body, url, option.passToken, projectSeleted).subscribe((res) => {
-        window.location.reload();
-      })
-    }
-  }
-
-  setDefaultUser(item: any, userInfo: any, environment: any) {
-    let schema: any = item;
-    let role = "default";
-    if (environment?.login?.type === "keycloak") {
-      if (userInfo?.name && item.options?.userRoleMapping) {
-        schema = item.options[item.options?.userRoleMapping[role]];
-      }
-    } else if (environment?.login?.type === "jwtToken") {
-      if (item.options?.loginResponse && item.options?.loginResponse.storageType == "sessionStorage") {
-        if (userInfo) {
-          role = userInfo[item.options?.loginResponse.role]?.toLowerCase();
-        }
-        schema = item.options[item.options?.userRoleMapping[role]];
-      }
-    }
-    return schema;
-  }
-
-  setTableData(data: any, options: any = {}, tableitemInfo: any, projectSeleted: any) {
-    if (options?.pagination?.pageSize && options?.pagination?.scrollable) {
-      tableitemInfo.pageSize = options?.pagination?.pageSize;
-    }
-    let records: any;
-    if (options.dataKey) {
-      records = data[options.dataKey];
-    } else if (options.key && data?._embedded) {
-      records = data?._embedded[options.key];
-    } else {
-      if (!data?._embedded?.products && !Array.isArray(data)) {
-        records = [data];
-      } else {
-        records = data?._embedded?.products;
-      }
-    }
-    tableitemInfo.totalRecords = data?.totalPages ? data?.totalPages : data?.page?.totalElements;
-    tableitemInfo.data = records.map((record: any) => ({
-      ...record,
-      ...(record.hasOwnProperty('imageUrl') && record.imageUrl
-        ? { imageUrl: `${projectSeleted}/Media/` + record.imageUrl.split('/').pop() }
-        : {})
-    }));
-    return tableitemInfo;
-  }
-
-  setOktaWebCredential(environment: any, projectName: any) {
-    return {
-      logo: `favicon.ico`,
-      baseUrl: environment.login.web.issuer.split('/oauth2')[0],
-      clientId: environment.login.web.clientId,
-      redirectUri: environment.login.web.redirectUri,
-      authParams: {
-        pkce: true,
-        issuer: environment.login.web.issuer,
-        scopes: environment.login.web.scopes
-      }
-    }
-  }
-
-  setOktaMobileCredential(environment: any) {
-    return {
-      appId: environment.login.mobile.clientId,
-      authorizationBaseUrl: environment.login.mobile.authorizationBaseUrl,
-      accessTokenEndpoint: environment.login.mobile.accessTokenEndpoint,
-      redirectUrl: environment.login.mobile.redirectUrl,
-      scope: environment.login.mobile.scope,
-      responseType: environment.login.mobile.responseType,
-      pkceEnabled: environment.login.mobile.pkceEnabled
-    }
-  }
-
-
-  async setupStripePaymentForm(
-    environment: any,
-    form: any,
-    onCardChange: (message: string) => void
-  ): Promise<void> {
-    let hasCreditCard = false;
-
-    if (form.layoutSchema?.formSections) {
-      form.layoutSchema.formSections.forEach((formSection: any) => {
-        if (formSection.formFields?.length > 0) {
-          const foundCreditCard = formSection.formFields.some((formField: any) => {
-            const scopeKey = this.getScope(formField.scope?.reference);
-            return form.propertySchema[scopeKey] &&
-              form.propertySchema[scopeKey][formField.scope?.reference.split('/').pop()]?.type === 'carditCard';
-          });
-          if (foundCreditCard) {
-            hasCreditCard = true;
-            return;
-          }
-        }
-      });
-    }
-
-    if (hasCreditCard) {
-      this.stripe = await loadStripe(environment.stripePublishableKey);
-      const elements = this.stripe.elements();
-      const cardElement = elements.create('card', { hidePostalCode: true });
-      cardElement.mount('#card-element');
-
-      cardElement.on('change', (event: { complete: boolean, error?: { message: string } }) => {
-        if (event.complete) {
-          onCardChange('');
-        } else if (event.error) {
-          onCardChange(event.error.message);
-        }
-      });
-    }
-  }
-
-  async formData(form: any, environment: any, cartInfo: any): Promise<void> {
-    if (form.layoutSchema?.formSections) {
-      for (const formSection of form.layoutSchema.formSections) {
-        if (formSection.formFields?.length > 0) {
-          for (const formField of formSection.formFields) {
-            const scope = this.getScope(formField.scope?.reference);
-            const fieldKey = formField.scope?.reference.split('/').pop();
-            const field = form.propertySchema?.[scope]?.[fieldKey];
-
-            if (!field) continue;
-
-            // Checkbox logic with copy action
-            if (field.type === 'checkbox' && formField.option?.innerAction?.action === 'copy') {
-              const fromSchema = form.propertySchema[formField.option.innerAction.from];
-              const toSchema = form.propertySchema[formField.option.innerAction.to];
-              const keys = Object.keys(fromSchema);
-
-              keys.forEach((key: any) => {
-                if (toSchema[key]) {
-                  const sourceValue = fromSchema?.[key]?.value;
-                  toSchema[key].value = sourceValue || '';
-                }
-              });
-            }
-
-            // Dropdown logic (async data fetching)
-            if (field.type === 'dropdown' && formField.option?.data_url) {
-              try {
-                const res: any = await lastValueFrom(this.requestService.getInfo(environment.apiUrl + formField.option.data_url));
-                const key = Object.keys(res._embedded || {})[0];
-                if (key) {
-                  field.data = res._embedded[key];
-                }
-              } catch (err) {
-                console.error('Failed to load dropdown data', err);
-              }
-            }
-
-            // Cart info logic for string fields
-            if (field.type === 'string' && formField?.option?.cartInfo) {
-              if (field.value?.toString()?.includes('{{quantity}}')) {
-                field.value = cartInfo.quantity;
-              } else if (field.value?.toString()?.includes('{{totalPrice}}')) {
-                field.value = cartInfo.totalPrice;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  // async processData(
-  //   data: any,
-  //   options: {
-  //     dataKey?: string;
-  //     setImageUrl?: boolean;
-  //     showTable?: boolean;
-  //     projectSelected: string;
-  //   },
-  //   tenantName: any
-  // ): Promise<any[]> {
-  //   if (options.dataKey) {
-  //     data = data[options.dataKey];
-  //   } else {
-  //     if (!data?._embedded?.products && !Array.isArray(data)) {
-  //       data = [data];
-  //     } else {
-  //       data = data?._embedded?.products;
-  //     }
-  //   }
-  //   const transformed = await Promise.all(
-  //     data.map(async (record: any) => {
-  //       let imageUrl = record.imageUrl;
-  //       const imagePath = `Media/` +
-  //         record?.imageUrl?.split('/').pop();
-  //       if (
-  //         tenantName &&
-  //         record?.imageUrl &&
-  //         options.setImageUrl
-  //       ) {
-  //         try {
-  //           imageUrl = "";
-  //           imageUrl = await this.couchdbService.getFileContentFromCouchDb(
-  //             `${tenantName}_${options.projectSelected}`,
-  //             imagePath
-  //           );
-  //         } catch (err) {
-  //           console.warn(`Failed to fetch image from CouchDB for ${imagePath}`, err);
-  //           imageUrl = '';
-  //         }
-  //       }
-  //       return {
-  //         ...record,
-  //         ...(imageUrl ? { imageUrl } : {}),
-  //         ...(imagePath ? { imagePath } : {}),
-  //       };
-  //     })
-  //   );
-
-  //   return transformed;
-  // }
-
-  // async setTableDataImages(records: any, tenantName: any, projectSelected: any): Promise<any[]> {
-  //   const transformed = await Promise.all(
-  //     records.map(async (record: any) => {
-  //       let imageUrl = record.imageUrl;
-  //       const imagePath = record?.imagePath ? record?.imagePath : `Media/` +
-  //         record?.imageUrl?.split('/').pop();
-  //       if (
-  //         tenantName &&
-  //         record?.imageUrl &&
-  //         record.hasOwnProperty('imageUrl')
-  //       ) {
-  //         try {
-  //           imageUrl = "";
-  //           imageUrl = await this.couchdbService.getFileContentFromCouchDb(
-  //             `${tenantName}_${projectSelected}`,
-  //             imagePath
-  //           );
-  //         } catch (err) {
-  //           console.warn(`Failed to fetch image from CouchDB for ${imagePath}`, err);
-  //           imageUrl = '';
-  //         }
-  //       }
-  //       return {
-  //         ...record,
-  //         ...(imageUrl ? { imageUrl } : {}),
-  //       };
-  //     })
-  //   );
-  //   return transformed;
-  // }
-
-  // set date in localstorage
-  normalizeDatesForStorage(obj: any): any {
-    const normalized: any = {};
-    Object.entries(obj).forEach(([key, value]: any) => {
-      if (this.isDateLike(value)) {
-        const date = value instanceof Date ? value : new Date(value);
-        normalized[key] = this.toLocalISOString(date);
-      } else {
-        normalized[key] = value;
-      }
-    });
-    return normalized;
-  }
-
-
-  isDateLike(value: any): boolean {
-    if (!value) return false;
-
-    // Actual Date object
-    if (value instanceof Date && !isNaN(value.getTime())) {
-      return true;
-    }
-
-    // ISO string (UTC or local)
-    if (typeof value === 'string') {
-      return false;
-    }
-
-    return false;
-  }
-
-  toLocalISOString(date: Date): string {
-    const tzOffset = date.getTimezoneOffset() * 60000;
-    return new Date(date.getTime() - tzOffset)
-      .toISOString()
-      .slice(0, 19);
-  }
-
-  // restore date Field from localstorage
-  restoreDatesFromStorage(records: any[], propertySchema: any): any[] {
-    if (!Array.isArray(records)) return records;
-    if (!propertySchema) return records;
-
-    return records.map(record => {
-      const restored = { ...record };
-
-      Object.keys(propertySchema).forEach(scopeKey => {
-        const schemaGroup = propertySchema[scopeKey];
-        if (!schemaGroup) return;
-
-        Object.keys(schemaGroup).forEach(fieldKey => {
-          const fieldSchema = schemaGroup[fieldKey];
-          const value = restored[fieldKey];
-          if (!value || typeof value !== 'string') return;
-
-          // ✅ DATE or TIME fields only
-          if (fieldSchema.type === 'date' || fieldSchema.type === 'time') {
-            restored[fieldKey] = this.parseLocalISODate(value);
-          }
-        });
-      });
-
-      return restored;
-    });
-  }
-
-  parseLocalISODate(value: string): Date {
-    // Remove Z to avoid UTC shift
-    const clean = value.replace('Z', '');
-    const [datePart, timePart = '00:00:00.000'] = clean.split('T');
-
-    const [y, m, d] = datePart.split('-').map(Number);
-    const [hh = 0, mm = 0, ss = 0, ms = 0] =
-      timePart.split(/[:.]/).map(Number);
-
-    return new Date(y, m - 1, d, hh, mm, ss, ms);
-  }
-
-  // savecard conversion
-  convertToDailyLogs(cardOrCards: any | any[]): any[] {
-    // Normalize input to array
-    const cards = Array.isArray(cardOrCards) ? cardOrCards : [cardOrCards];
-
-    const results: any[] = [];
-
-    for (const card of cards) {
-
-      const fromDate = new Date(card.fromDate);
-      const toDate = new Date(card.toDate);
-
-      const fromTime = new Date(card.workDayTimeFrom);
-      const toTime = new Date(card.workDayTimeTo);
-
-      // Normalize dates to midnight
-      const startDay = new Date(fromDate);
-      startDay.setHours(0, 0, 0, 0);
-
-      const endDay = new Date(toDate);
-      endDay.setHours(0, 0, 0, 0);
-
-      let currentDay = new Date(startDay);
-
-      while (currentDay <= endDay) {
-        const isFirstDay = this.isSameDay(currentDay, fromDate);
-        const isLastDay = this.isSameDay(currentDay, toDate);
-        const isSameDay = isFirstDay && isLastDay;
-
-        let workFrom: Date;
-        let workTo: Date;
-
-        // SAME DAY
-        if (isSameDay) {
-          workFrom = this.applyTimeToDay(currentDay, fromTime);
-          workTo = this.applyTimeToDay(currentDay, toTime);
-        }
-        // FIRST DAY
-        else if (isFirstDay) {
-          workFrom = this.applyTimeToDay(currentDay, fromTime);
-          workTo = this.endOfDay(currentDay);
-        }
-        // LAST DAY
-        else if (isLastDay) {
-          workFrom = this.startOfDay(currentDay);
-          workTo = this.applyTimeToDay(currentDay, toTime);
-        }
-        // MIDDLE DAY
-        else {
-          workFrom = this.startOfDay(currentDay);
-          workTo = this.endOfDay(currentDay);
-        }
-
-        results.push({
-          comment: card.comments || "",
-          onCallDuty: false,
-          timeCredit: false,
-          workDay: this.toLocalISO(currentDay, 0, 0),
-          workDayTimeFrom: this.toLocalISO(workFrom),
-          workDayTimeTo: this.toLocalISO(workTo),
-          workOrderNo: card.workOrderNo,
-          workType: "A"
-        });
-
-        currentDay.setDate(currentDay.getDate() + 1);
-      }
-    }
-
-    return results;
-  }
-  private applyTimeToDay(day: Date, time: Date): Date {
-    const d = new Date(day);
-    d.setHours(time.getHours(), time.getMinutes(), 0, 0);
-    return d;
-  }
-
-  private startOfDay(d: Date): Date {
-    const x = new Date(d);
-    x.setHours(0, 0, 0, 0);
-    return x;
-  }
-
-  private endOfDay(d: Date): Date {
-    const x = new Date(d);
-    x.setHours(23, 59, 0, 0);
-    return x;
-  }
-
-  private isSameDay(a: Date, b: Date): boolean {
-    return (
-      a.getFullYear() === b.getFullYear() &&
-      a.getMonth() === b.getMonth() &&
-      a.getDate() === b.getDate()
-    );
-  }
-
-  private toLocalISO(date: Date, hour?: number, minute?: number): string {
-    const d = new Date(date);
-
-    if (hour !== undefined && minute !== undefined) {
-      d.setHours(hour, minute, 0, 0);
-    }
-
-    const pad = (n: number) => String(n).padStart(2, '0');
-
-    const year = d.getFullYear();
-    const month = pad(d.getMonth() + 1);
-    const day = pad(d.getDate());
-    const hrs = pad(d.getHours());
-    const mins = pad(d.getMinutes());
-
-    const offset = -d.getTimezoneOffset();
-    const sign = offset >= 0 ? '+' : '-';
-    const offH = pad(Math.floor(Math.abs(offset) / 60));
-    const offM = pad(Math.abs(offset) % 60);
-
-    return `${year}-${month}-${day}T${hrs}:${mins}:00${sign}${offH}:${offM}`;
-  }
-
-}

package/src/lib/view-toolkit.module.ts

@@ -1,57 +0,0 @@
-// lib/view-toolkit.module.ts
-
-import { CommonModule } from "@angular/common";
-import { NgModule } from '@angular/core';
-import { CardComponent } from "./containers/card/card.component";
-import { FormComponent } from "./containers/form/form.component";
-import { PaginationComponent } from "./containers/pagination/pagination.component";
-import { GridComponent } from "./containers/grid/grid.component";
-import { HeaderMenuComponent } from "./containers/header-menu/header-menu.component";
-import { LogsComponent } from "./containers/logs/logs.component";
-import { ModelComponent } from "./containers/model/model.component";
-import { Autocomplete } from "./components/autocomplete/autocomplete";
-import { Button } from "./components/button/button";
-import { Date } from "./components/date/date";
-import { Dropdown } from "./components/dropdown/dropdown";
-import { ErrorMessage } from "./components/error-message/error-message";
-import { Label } from "./components/label/label";
-import { String } from "./components/string/string";
-import { Textbox } from "./components/textbox/textbox";
-import { Time } from "./components/time/time";
-import { SideMenuComponent } from "./containers/side-menu/side-menu.component";
-
-@NgModule({
-    imports: [
-        CommonModule,
-        CardComponent,
-        FormComponent,
-        GridComponent,
-        HeaderMenuComponent,
-        LogsComponent,
-        ModelComponent,
-        PaginationComponent,
-        SideMenuComponent,
-
-        Autocomplete,
-        Button,
-        Date,
-        Dropdown,
-        ErrorMessage,
-        Label,
-        String,
-        Textbox,
-        Time
-    ],
-    exports: [
-        CardComponent,
-        FormComponent,
-        GridComponent,
-        HeaderMenuComponent,
-        LogsComponent,
-        ModelComponent,
-        PaginationComponent,
-        SideMenuComponent
-
-    ]
-})
-export class ViewToolkitModule { }

package/src/lib/view-toolkit.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ViewToolkit } from './view-toolkit';
-
-describe('ViewToolkit', () => {
-  let component: ViewToolkit;
-  let fixture: ComponentFixture<ViewToolkit>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ViewToolkit]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(ViewToolkit);
-    component = fixture.componentInstance;
-    await fixture.whenStable();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/view-toolkit.ts

@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'vt-view-toolkit',
-  imports: [],
-  template: `
-    <p>
-      view-toolkit works!
-    </p>
-  `,
-  styles: ``,
-})
-export class ViewToolkit {
-
-}