cja-phoenix 1.2.39 → 1.2.41

package/dist/runtime/composables/useFunnelConfig.d.ts

@@ -0,0 +1,11 @@
+import { type ComputedRef } from 'vue';
+import type { StepData } from '../types/JourneyConfig.js';
+export declare const useFunnelConfig: (structure: ComputedRef<Map<string, string[]>>) => {
+    steps: ComputedRef<string[]>;
+    structure: ComputedRef<Map<string, string[]>>;
+    currentStep: ComputedRef<StepData>;
+    totalSteps: ComputedRef<number>;
+    getStep: (step: string | number | undefined) => StepData | undefined;
+    goNextStep: () => Promise<void>;
+    goPrevStep: () => Promise<void>;
+};

package/dist/runtime/composables/useFunnelConfig.js

@@ -0,0 +1,51 @@
+import { navigateTo, useRoute, useRouter } from "#app";
+import { computed } from "vue";
+export const useFunnelConfig = (structure) => {
+  const route = useRouter().currentRoute;
+  const steps = computed(() => Array.from(structure.value.keys()));
+  const currentStep = computed(() => getStep(route.value.path.split("/").reverse()[0]) || currentStep.value);
+  const totalSteps = computed(() => structure.value.size);
+  const getStep = (step) => {
+    if (step === void 0) return;
+    const stepName = typeof step == "string" ? step : steps.value[step];
+    const stepFields = stepName && structure.value.get(stepName);
+    return stepName && stepFields ? {
+      index: steps.value.indexOf(stepName),
+      number: steps.value.indexOf(stepName) + 1,
+      name: stepName,
+      path: route.value.path.replace(/[^/]+(?=\/$|$)/g, stepName),
+      fields: stepFields
+    } : void 0;
+  };
+  const goNextStep = async () => {
+    if (currentStep.value) {
+      const nextStep = getStep(currentStep.value.index + 1);
+      if (nextStep) {
+        await navigateTo({
+          path: nextStep.path,
+          query: useRoute().query
+        });
+      }
+    }
+  };
+  const goPrevStep = async () => {
+    if (currentStep.value) {
+      const nextStep = getStep(currentStep.value.index - 1);
+      if (nextStep) {
+        await navigateTo({
+          path: nextStep.path,
+          query: useRoute().query
+        });
+      }
+    }
+  };
+  return {
+    steps,
+    structure,
+    currentStep,
+    totalSteps,
+    getStep,
+    goNextStep,
+    goPrevStep
+  };
+};

package/dist/runtime/composables/useFunnelSummary.d.ts

@@ -0,0 +1,14 @@
+import type { SelectOption } from "../types/Form.js";
+import type { StepData } from "../types/JourneyConfig.js";
+import type { ComputedRef } from "vue";
+export declare const useFunnelSummary: (options: {
+    currentStep: ComputedRef<StepData>;
+    structure: ComputedRef<Map<string, string[]>>;
+    store: any;
+}) => {
+    stepIncludes: (field: string) => boolean;
+    displayValue: (value: any, options?: SelectOption[]) => any;
+    displayLabel: (value: any, label: string) => string;
+    displayCurrency: (value: number | undefined) => string;
+    displayPercent: (value: number | undefined, maxDigits?: number) => string;
+};

package/dist/runtime/composables/useFunnelSummary.js

@@ -0,0 +1,16 @@
+import { formatCurrency, formatPercent } from "../utils/formatValue.js";
+export const useFunnelSummary = (options) => {
+  const { currentStep, structure, store } = options;
+  const stepIncludes = (field) => (currentStep.value.fields.includes(field) || store[field] !== void 0) && Array.from(structure.value.values()).flat().includes(field);
+  const displayValue = (value, options2) => options2 ? options2.find((o) => o.value == value)?.label ?? "-" : value ?? "-";
+  const displayLabel = (value, label) => value !== void 0 ? label : "-";
+  const displayCurrency = (value) => value ? formatCurrency(value) : "-";
+  const displayPercent = (value, maxDigits = 2) => value ? formatPercent(value, maxDigits) : "-";
+  return {
+    stepIncludes,
+    displayValue,
+    displayLabel,
+    displayCurrency,
+    displayPercent
+  };
+};

package/dist/runtime/composables/useHeaderHeight.d.ts

@@ -0,0 +1,3 @@
+export declare const useHeaderHeight: () => {
+    headerHeight: import("vue").Ref<number, number>;
+};

package/dist/runtime/composables/useHeaderHeight.js

@@ -0,0 +1,24 @@
+import { onMounted, onUnmounted, ref } from "vue";
+export const useHeaderHeight = () => {
+  const headerHeight = ref(0);
+  let resizeObserver = null;
+  onMounted(() => {
+    const header = document.querySelector("#page-header");
+    if (header) {
+      resizeObserver = new ResizeObserver((entries) => {
+        entries.forEach((e) => {
+          headerHeight.value = e.contentRect.height;
+        });
+      });
+      resizeObserver.observe(header);
+    }
+  });
+  onUnmounted(() => {
+    if (resizeObserver != null) {
+      resizeObserver.disconnect();
+    }
+  });
+  return {
+    headerHeight
+  };
+};

package/dist/runtime/composables/useJourneyConfig.d.ts

@@ -0,0 +1,11 @@
+import type { JourneyLocation } from '../types/JourneyConfig.js';
+export declare const useJourneyConfig: (location: JourneyLocation, options: {
+    locations: JourneyLocation[];
+    initialStep: string;
+    lastUrls: Map<JourneyLocation, string>;
+}) => {
+    locations: JourneyLocation[];
+    initialStep: string;
+    lastUrls: Map<JourneyLocation, string>;
+    previousUrl: string | undefined;
+};

package/dist/runtime/composables/useJourneyConfig.js

@@ -0,0 +1,13 @@
+export const useJourneyConfig = (location, options) => {
+  const {
+    locations,
+    initialStep,
+    lastUrls
+  } = options;
+  return {
+    locations,
+    initialStep,
+    lastUrls,
+    previousUrl: lastUrls.get(locations[locations.indexOf(location) - 1])
+  };
+};

package/dist/runtime/composables/useValidateForm.d.ts

@@ -0,0 +1,11 @@
+import { type Ref } from 'vue';
+export declare const useValidateForm: (options: {
+    fields?: Ref[];
+    onSubmit?: () => void | Promise<void>;
+    onError?: () => void;
+}) => {
+    validForm: Ref<boolean, boolean>;
+    validate: () => Promise<void>;
+    submit: () => Promise<void>;
+    submitLock: Ref<boolean, boolean>;
+};

package/dist/runtime/composables/useValidateForm.js

@@ -0,0 +1,33 @@
+import { ref } from "vue";
+export const useValidateForm = (options) => {
+  const validForm = ref(false);
+  const submitLock = ref(false);
+  const validate = async () => {
+    const fields = options.fields?.filter((f) => f.value);
+    if (fields) {
+      for (let i = 0; i < fields.length; i++) {
+        const field = fields[i];
+        await field.value.validate();
+      }
+    }
+    validForm.value = fields?.every((f) => f.value.meta.valid) ?? true;
+  };
+  const submit = async () => {
+    await validate();
+    if (validForm.value) {
+      if (!submitLock.value) {
+        submitLock.value = true;
+        await options.onSubmit?.();
+        submitLock.value = false;
+      }
+    } else {
+      options.onError?.();
+    }
+  };
+  return {
+    validForm,
+    validate,
+    submit,
+    submitLock
+  };
+};

package/dist/runtime/data/dialCodes.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    value: string;
+    label: string;
+    altLabel: string;
+    searchTags: string[];
+}[];
+export default _default;