cja-phoenix 1.2.49 → 1.2.50

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "cja-phoenix",
   "configKey": "cja-phoenix",
-  "version": "1.2.49",
+  "version": "1.2.50",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/types/index.d.ts

@@ -1,4 +1,3 @@
-export * from './Form.js';
-export * from './Grid.js';
-export * from './Icon.js';
-export * from './JourneyConfig.js';
+export * from "./Form.js";
+export * from "./Grid.js";
+export * from "./Icon.js";

package/dist/runtime/types/index.js

@@ -1,4 +1,3 @@
 export * from "./Form.js";
 export * from "./Grid.js";
 export * from "./Icon.js";
-export * from "./JourneyConfig.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cja-phoenix",
-  "version": "1.2.49",
+  "version": "1.2.50",
   "description": "Phoenix utility",
   "repository": {
     "type": "git",

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

@@ -1,19 +0,0 @@
-import type { JourneyLocation, VerticalCode } from "../types/JourneyConfig.js";
-export declare const useCjaGtm: (vertical: VerticalCode, source: JourneyLocation | {
-    formType: string;
-    location: string;
-}) => {
-    trackStepEvent: (options: {
-        stepName: string;
-        stepNumber: number;
-        stepDetails?: any;
-        action?: string;
-    }) => void;
-    trackPurchase: (options: {
-        source: string;
-        product: any;
-        label: string;
-        listing?: string;
-        index?: number;
-    }) => void;
-};

package/dist/runtime/composables/useCjaGtm.js

@@ -1,175 +0,0 @@
-import { useGtm } from "@gtm-support/vue-gtm";
-export const useCjaGtm = (vertical, source) => {
-  const gtm = useGtm();
-  const category = (() => {
-    switch (vertical) {
-      case "HL":
-        return "mortgage";
-      case "PL":
-        return "personal-loan new-funnel";
-      case "EN":
-        return "energy";
-      case "BB":
-        return "broadband";
-      case "CI":
-        return "car-insurance-funnel";
-      case "CC":
-        return "credit-card";
-    }
-  })();
-  const { formType, location } = (() => {
-    switch (source) {
-      case "funnel":
-        return { formType: "FUNNEL", location: "Funnel" };
-      case "results":
-        return { formType: "RESULTS", location: "Results" };
-      case "checkout":
-        return { formType: "CHECKOUT", location: "Checkout" };
-      case "contact":
-        return { formType: "CONTACT", location: "Contact" };
-      default:
-        return source;
-    }
-  })();
-  const trackStepEvent = (options) => {
-    gtm?.trackEvent({
-      event: `${location} Step`,
-      eventDetails: {
-        category,
-        value: options.stepName,
-        noninteraction: false,
-        location,
-        action: options.action,
-        properties: {
-          stepName: options.stepName,
-          stepNumber: options.stepNumber,
-          stepDetails: options.stepDetails,
-          formType
-        }
-      }
-    });
-  };
-  const trackPurchase = (options) => {
-    const { source: source2, product, label, listing, index } = options;
-    gtm?.trackEvent({
-      event: "purchase",
-      eventDetails: {
-        source: `Conversion - ${source2}`,
-        action: "Results Purchase",
-        label,
-        category,
-        location,
-        properties: {
-          list: listing
-        }
-      },
-      ecommerce: {
-        purchase: {
-          actionField: {
-            id: Math.floor(
-              Math.random() * (999999999999 - Math.pow(10, 11)) + Math.pow(10, 11)
-            ),
-            revenue: "5.00",
-            action: "purchase"
-          },
-          products: (() => {
-            switch (category) {
-              case "personal-loan new-funnel":
-                return [
-                  {
-                    name: product.description,
-                    id: product.cggId,
-                    brand: product.name,
-                    position: index,
-                    dimension3: source2,
-                    dimension4: product.banner.bannerType,
-                    dimension5: product.showCTALeadCapture,
-                    dimension6: `apr:${product.attributes.apr}, totalRepayment:${product.attributes.totalRepayment}, monthlyRepayment:${product.attributes.monthlyRepayment}`,
-                    category: "personal-loan",
-                    list: listing,
-                    price: "5.00",
-                    quantity: 1
-                  }
-                ];
-              case "energy":
-                return [
-                  {
-                    name: label,
-                    id: product.productId,
-                    brand: product.provider,
-                    position: product.index + 1,
-                    dimension3: source2,
-                    category,
-                    list: listing,
-                    price: "5.00",
-                    quantity: 1
-                  }
-                ];
-              case "mortgage":
-                return [
-                  {
-                    name: product.name,
-                    id: product.cggId,
-                    brand: product.provider.name,
-                    position: index,
-                    scoreValue: null,
-                    approvalRate: "unavailable",
-                    dimension3: source2,
-                    dimension6: `apr:${product.attributes.taeg}, totalRepayment:${product.attributes.mtic}, monthlyRepayment:${product.attributes.installment}`,
-                    category,
-                    list: listing,
-                    price: "5.00",
-                    quantity: 1
-                  }
-                ];
-              case "broadband":
-                return [
-                  {
-                    name: product.description,
-                    id: product.cggId,
-                    brand: product.name,
-                    position: index,
-                    dimension3: source2,
-                    dimension4: product.banner.bannerType,
-                    dimension5: product.showCTALeadCapture,
-                    dimension6: `service: ${product.offer.service}, noOfChannels: ${product.tv.noOfChannels}, maxSpeedDownload: ${product.speed.maxSpeedDownload}, publicPrice: ${product.fee.publicPrice}`,
-                    category,
-                    list: listing,
-                    price: "5.00",
-                    quantity: 1
-                  }
-                ];
-              case "credit-card":
-                return [
-                  {
-                    name: product.description,
-                    id: product.cggId,
-                    brand: product.name,
-                    position: index,
-                    approvalRate: product.approvalRate,
-                    dimension3: source2,
-                    dimension4: product.banner.bannerType,
-                    dimension5: product.showCTALeadCapture,
-                    dimension6: `annualFee: ${product.fee.annualFee}, basicAPR: ${product.fee.taeg}, basic: ${product.fee.tan}`,
-                    category: "credit-card",
-                    list: listing,
-                    price: "5.00",
-                    quantity: 1
-                  }
-                ];
-              default:
-                console.error(
-                  `Unrecognized category ${category}, implement vertical specific gtm product`
-                );
-                return [{}];
-            }
-          })()
-        }
-      }
-    });
-  };
-  return {
-    trackStepEvent,
-    trackPurchase
-  };
-};

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

@@ -1,11 +0,0 @@
-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: (relative?: boolean) => Promise<void>;
-    goPrevStep: (relative?: boolean) => Promise<void>;
-};

package/dist/runtime/composables/useFunnelConfig.js

@@ -1,68 +0,0 @@
-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 currentStepStatic = getStep(
-    route.value.path.split("/").reverse()[0]
-  );
-  const goNextStep = async (relative) => {
-    if (currentStep.value) {
-      const nextStep = (() => {
-        if (relative) {
-          return getStep(currentStep.value.index + 1);
-        } else if (currentStepStatic) {
-          return getStep(currentStepStatic.index + 1);
-        }
-      })();
-      if (nextStep) {
-        await navigateTo({
-          path: nextStep.path,
-          query: useRoute().query
-        });
-      }
-    }
-  };
-  const goPrevStep = async (relative) => {
-    if (currentStep.value) {
-      const prevStep = (() => {
-        if (relative) {
-          return getStep(currentStep.value.index - 1);
-        } else if (currentStepStatic) {
-          return;
-        }
-      })();
-      if (prevStep) {
-        await navigateTo({
-          path: prevStep.path,
-          query: useRoute().query
-        });
-      }
-    }
-  };
-  return {
-    steps,
-    structure,
-    currentStep,
-    totalSteps,
-    getStep,
-    goNextStep,
-    goPrevStep
-  };
-};

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

@@ -1,21 +0,0 @@
-import type { SelectOption } from "../types/Form.js";
-import type { StepData } from "../types/JourneyConfig.js";
-import type { ComputedRef } from "vue";
-export declare function 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;
-};
-export declare function useFunnelSummary(): {
-    stepIncludes: undefined;
-    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

@@ -1,18 +0,0 @@
-import { formatCurrency, formatPercent } from "../utils/formatValue.js";
-export function useFunnelSummary(options) {
-  const stepIncludes = options ? (() => {
-    const { currentStep, structure, store } = options;
-    return (field) => (currentStep.value.fields.includes(field) || store[field] !== void 0) && Array.from(structure.value.values()).flat().includes(field);
-  })() : void 0;
-  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/useJourneyConfig.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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/types/JourneyConfig.d.ts

@@ -1,10 +0,0 @@
-export type VerticalCode = "HL" | "PL" | "EN" | "BB" | "CI" | "CC";
-export type StepType = "LANDING" | "FUNNEL" | "RESULTS" | "CHECKOUT" | "LEAD_CAPTURE";
-export type JourneyLocation = "funnel" | "results" | "checkout" | "contact";
-export type StepData = {
-    index: number;
-    number: number;
-    name: string;
-    path: string;
-    fields: string[];
-};

package/dist/runtime/utils/applyProductData.d.ts

@@ -1,10 +0,0 @@
-export declare const applyProductData: (options: {
-    action: string;
-    journeyId: string | undefined;
-    index: number;
-    productName: string;
-    productId: string;
-    providerId: string;
-    viewId: string;
-    category?: string;
-}) => Promise<unknown>;

package/dist/runtime/utils/applyProductData.js

@@ -1,22 +0,0 @@
-import { useRoute, useRuntimeConfig } from "#imports";
-export const applyProductData = (options) => {
-  const { apiURL } = useRuntimeConfig().public;
-  const { path } = useRoute();
-  return $fetch("/core/apis/data/applyProductData", {
-    baseURL: apiURL,
-    method: "POST",
-    body: {
-      path,
-      intent: "apply",
-      action: options.action || "OPEN_APPLICATION_FORM",
-      journeyId: options.journeyId,
-      position: options.index,
-      offerSelected: options.productName,
-      cggId: options.productId,
-      providerCggId: options.providerId,
-      category: options.category,
-      viewId: options.viewId,
-      has_been_clicked: true
-    }
-  });
-};

package/dist/runtime/utils/getFromUrl.d.ts

@@ -1,2 +0,0 @@
-export declare const getFromUrl: (searchParam: string, removeFromUrl?: boolean) => string | string[] | undefined;
-export declare const removeFromUrl: (searchParam: string) => void;

package/dist/runtime/utils/getFromUrl.js

@@ -1,25 +0,0 @@
-export const getFromUrl = (searchParam, removeFromUrl2) => {
-  const url = new URL(window.location.href);
-  return url.searchParams.has(searchParam) ? (() => {
-    const param = url.searchParams.getAll(searchParam).map((p) => decodeURIComponent(p));
-    if (removeFromUrl2) {
-      url.searchParams.delete(searchParam);
-      history.replaceState(history.state, "", url.toString());
-    }
-    switch (param.length) {
-      case 0:
-        return void 0;
-      case 1:
-        return param[0];
-      default:
-        return param;
-    }
-  })() : void 0;
-};
-export const removeFromUrl = (searchParam) => {
-  const url = new URL(window.location.href);
-  if (url.searchParams.has(searchParam)) {
-    url.searchParams.delete(searchParam);
-    history.replaceState(history.state, "", url.toString());
-  }
-};

package/dist/runtime/utils/getStoryblokUrl.d.ts

@@ -1,71 +0,0 @@
-type MultilinkStoryblok = {
-    fieldtype: 'multilink';
-    id: string;
-    url: string;
-    cached_url: string;
-    target?: '_blank' | '_self';
-    anchor?: string;
-    rel?: string;
-    title?: string;
-    prep?: string;
-    linktype: 'story';
-    story?: {
-        name: string;
-        created_at?: string;
-        published_at?: string;
-        id: number;
-        uuid: string;
-        content?: {
-            [k: string]: any;
-        };
-        slug: string;
-        full_slug: string;
-        sort_by_date?: null | string;
-        position?: number;
-        tag_list?: string[];
-        is_startpage?: boolean;
-        parent_id?: null | number;
-        meta_data?: null | {
-            [k: string]: any;
-        };
-        group_id?: string;
-        first_published_at?: string;
-        release_id?: null | number;
-        lang?: string;
-        path?: null | string;
-        alternates?: any[];
-        default_full_slug?: null | string;
-        translated_slugs?: null | any[];
-        [k: string]: any;
-    };
-    [k: string]: any;
-} | {
-    fieldtype: 'multilink';
-    id: string;
-    url: string;
-    cached_url: string;
-    target?: '_blank' | '_self';
-    linktype: 'url';
-    rel?: string;
-    title?: string;
-    [k: string]: any;
-} | {
-    fieldtype: 'multilink';
-    id: string;
-    url: string;
-    cached_url: string;
-    target?: '_blank' | '_self';
-    email?: string;
-    linktype: 'email';
-    [k: string]: any;
-} | {
-    fieldtype: 'multilink';
-    id: string;
-    url: string;
-    cached_url: string;
-    target?: '_blank' | '_self';
-    linktype: 'asset';
-    [k: string]: any;
-};
-export declare const getStoryblokUrl: (link: MultilinkStoryblok | undefined) => string | undefined;
-export {};

package/dist/runtime/utils/getStoryblokUrl.js

@@ -1,35 +0,0 @@
-const parametersList = ["category"];
-export const getStoryblokUrl = (link) => {
-  if (link) {
-    const url = link.url || link.cached_url;
-    const parameters = [];
-    if (url) {
-      let finalUrl = (() => {
-        switch (link.linktype) {
-          case "story":
-            if (url === "/") {
-              return "/";
-            }
-            return `/${url.replace(/\/$/g, "")}`;
-          case "url":
-            return url.replace(/\/$/g, "");
-          case "asset":
-            return url;
-        }
-      })();
-      if (Object.keys(link).filter((k) => parametersList.includes(k)).length) {
-        parametersList.forEach((p) => {
-          if (link[p]) {
-            parameters.push([p, link[p]]);
-          }
-        });
-        finalUrl += `?${new URLSearchParams(parameters)}`;
-      }
-      if (link.anchor) {
-        finalUrl += `#${link.anchor}`;
-      }
-      return finalUrl;
-    }
-  }
-  return void 0;
-};

package/dist/runtime/utils/jsonReviver.d.ts

@@ -1 +0,0 @@
-export declare const jsonReviver: (data: any) => any;

package/dist/runtime/utils/jsonReviver.js

@@ -1,18 +0,0 @@
-export const jsonReviver = (data) => JSON.parse(data, (_, v) => {
-  if (typeof v == "string" && v.includes(",")) {
-    return v.split(",");
-  }
-  if (v === "true" || v === "false") {
-    return v === "true";
-  }
-  if ((Number(v) || v === "0") && typeof v != "boolean") {
-    return Number(v);
-  }
-  if (v === "undefined") {
-    return void 0;
-  }
-  if (v === "null") {
-    return null;
-  }
-  return v;
-});

package/dist/runtime/utils/updateForm.d.ts

@@ -1,9 +0,0 @@
-import type { StepType } from "../types/index.js";
-export declare const updateForm: (options: {
-    journeyId: string | undefined;
-    step?: number;
-    stepName?: string;
-    isCompleted?: boolean;
-    stepType: StepType;
-    payload: Record<string, any>;
-}) => Promise<unknown>;

package/dist/runtime/utils/updateForm.js

@@ -1,31 +0,0 @@
-import {
-  useCookie,
-  useRequestHeader,
-  useRoute,
-  useRuntimeConfig
-} from "#imports";
-export const updateForm = async (options) => {
-  const { nucleusURL } = useRuntimeConfig().public;
-  const { fullPath } = useRoute();
-  const deviceIdCookie = useCookie("device_id");
-  if (!deviceIdCookie.value) {
-    throw new Error("deviceId missing");
-  }
-  return $fetch(`/journeys/${options.journeyId}`, {
-    method: "PUT",
-    baseURL: nucleusURL,
-    body: {
-      device_id: deviceIdCookie.value,
-      referrer_url: useRequestHeader("Referer") || document.referrer,
-      form_data_json: {
-        ...options.payload
-      },
-      last_step_url: fullPath,
-      last_step_type: options.stepType,
-      last_step_number: options.step,
-      last_step_name: options.stepName,
-      last_activity_at: (/* @__PURE__ */ new Date()).toISOString(),
-      is_completed: options.isCompleted
-    }
-  });
-};

package/dist/runtime/utils/updateMarketingConsent.d.ts

@@ -1,4 +0,0 @@
-export declare const updateMarketingConsent: (options: {
-    email: string;
-    journeyId?: string;
-}) => Promise<unknown>;

package/dist/runtime/utils/updateMarketingConsent.js

@@ -1,13 +0,0 @@
-import { useRuntimeConfig } from "#imports";
-export const updateMarketingConsent = (options) => {
-  const { apiURL } = useRuntimeConfig().public;
-  return $fetch("/core/apis/data/verifyConsent", {
-    baseURL: apiURL,
-    method: "POST",
-    body: {
-      email: options.email,
-      currentPageUrl: location.origin + location.pathname,
-      journeyId: options.journeyId
-    }
-  });
-};