cja-phoenix 1.2.45 → 1.2.47

package/dist/module.json

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

package/dist/runtime/assets/scss/variables/_colors.scss

@@ -93,6 +93,7 @@ $gradients: (
   "hl": $gradient-hl,
   "pl": $gradient-pl,
   "in": $gradient-in,
+  "ci": $gradient-in,
   "en": $gradient-en,
   "bb": $gradient-bb,
   "cc": $gradient-cc,

package/dist/runtime/components/form/FileInput.d.vue.ts

@@ -1,21 +1,22 @@
-import { type Ref, type InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import { type Ref, type InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
-    id?: InputHTMLAttributes['id'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    id?: InputHTMLAttributes["id"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     title?: string;
     label?: string;
     tooltip?: string;
     placeholder?: string;
     errorDisplay?: boolean;
     description?: string;
-    disabled?: InputHTMLAttributes['disabled'];
+    disabled?: InputHTMLAttributes["disabled"];
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'none';
-    variant?: 'white' | 'blue';
+    validationMode?: "change" | "none";
+    variant?: "white" | "blue";
     accept?: string[];
     hasDelete?: boolean;
+    modal?: any;
 };
 type __VLS_ModelProps = {
     modelValue: any;

package/dist/runtime/components/form/FileInput.vue

@@ -2,7 +2,7 @@
   <FormStructureContainer v-bind="{ layout }">
     <FormStructureTitle
       v-if="title"
-      v-bind="{ title, tooltip, size, disabled }"
+      v-bind="{ title, tooltip, size, disabled, modal }"
     />
 
     <div
@@ -18,10 +18,7 @@
 ]"
       @click="handleInput"
     >
-      <span
-        v-if="variant == 'white'"
-        class="m-cgg-icon--document"
-      />
+      <span v-if="variant == 'white'" class="m-cgg-icon--document" />
       <div class="input-text-wrapper">
         <div class="input-text">
           {{
@@ -30,19 +27,13 @@
         </div>
       </div>
       <div class="icon-wrapper">
-        <span
-          v-if="!model?.name"
-          class="m-cgg-icon--upload"
-        />
+        <span v-if="!model?.name" class="m-cgg-icon--upload" />
         <span
           v-else-if="model?.name && hasDelete"
           class="m-cgg-icon--cross"
           @click.stop="deleteFile"
         />
-        <span
-          v-else-if="model?.name"
-          class="m-cgg-icon--change"
-        />
+        <span v-else-if="model?.name" class="m-cgg-icon--change" />
       </div>
     </div>
 
@@ -54,7 +45,7 @@
       :aria-label="label || title"
       :accept="accept?.map((a) => `.${a}`).join(',')"
       @change="updateFile"
-    >
+    />
 
     <FormStructureDescription
       v-if="description"
@@ -86,7 +77,8 @@ const props = defineProps({
   validationMode: { type: String, required: false, default: "change" },
   variant: { type: String, required: false, default: "white" },
   accept: { type: Array, required: false },
-  hasDelete: { type: Boolean, required: false }
+  hasDelete: { type: Boolean, required: false },
+  modal: { type: null, required: false }
 });
 const model = defineModel({
   required: true

package/dist/runtime/components/form/FileInput.vue.d.ts

@@ -1,21 +1,22 @@
-import { type Ref, type InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import { type Ref, type InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
-    id?: InputHTMLAttributes['id'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    id?: InputHTMLAttributes["id"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     title?: string;
     label?: string;
     tooltip?: string;
     placeholder?: string;
     errorDisplay?: boolean;
     description?: string;
-    disabled?: InputHTMLAttributes['disabled'];
+    disabled?: InputHTMLAttributes["disabled"];
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'none';
-    variant?: 'white' | 'blue';
+    validationMode?: "change" | "none";
+    variant?: "white" | "blue";
     accept?: string[];
     hasDelete?: boolean;
+    modal?: any;
 };
 type __VLS_ModelProps = {
     modelValue: any;

package/dist/runtime/components/form/structure/Title.d.vue.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     tooltip?: string;
     disabled?: InputHTMLAttributes["disabled"];
     size?: "sm" | "md" | "lg";
+    modal?: any;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "sm" | "md" | "lg";

package/dist/runtime/components/form/structure/Title.vue

@@ -2,9 +2,10 @@
   <div v-if="title" class="input-title" :class="[`size-${size}`, { disabled }]">
     <span>{{ title }}</span>
     <span
-      v-if="tooltip"
+      v-if="tooltip || modal"
       v-tippy="{ content: tooltip }"
       class="tooltip m-cgg-icon--question"
+      @click="modal?.openModal()"
     />
   </div>
 </template>
@@ -14,7 +15,8 @@ defineProps({
   title: { type: String, required: true },
   tooltip: { type: String, required: false },
   disabled: { type: null, required: false },
-  size: { type: String, required: false, default: "md" }
+  size: { type: String, required: false, default: "md" },
+  modal: { type: null, required: false }
 });
 </script>
 
@@ -30,6 +32,7 @@ defineProps({
   .tooltip {
     font-size: 18px;
     color: $main-blue;
+    cursor: pointer;
 
     @include screen-md-min {
       font-size: 20px;

package/dist/runtime/components/form/structure/Title.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     tooltip?: string;
     disabled?: InputHTMLAttributes["disabled"];
     size?: "sm" | "md" | "lg";
+    modal?: any;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "sm" | "md" | "lg";

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

@@ -1,14 +1,21 @@
 import type { SelectOption } from "../types/Form.js";
 import type { StepData } from "../types/JourneyConfig.js";
 import type { ComputedRef } from "vue";
-export declare const useFunnelSummary: (options: {
+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,7 +1,9 @@
 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);
+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) : "-";
@@ -13,4 +15,4 @@ export const useFunnelSummary = (options) => {
     displayCurrency,
     displayPercent
   };
-};
+}

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

@@ -1,6 +1,6 @@
 export declare const uploadFile: (options: {
     basePath: string;
-    journeyId: string;
+    journeyId: string | undefined;
     file: Blob;
     fileName: string;
     extension: string;

package/dist/runtime/utils/uploadFile.js

@@ -1,13 +1,16 @@
 import { useRuntimeConfig } from "#imports";
 export const uploadFile = (options) => {
   const { apiURL } = useRuntimeConfig().public;
+  const body = new FormData();
+  body.append("file", options.file);
+  body.append(
+    "path",
+    `${options.basePath}/${options.journeyId}/${options.fileName}.${options.extension}`
+  );
+  body.append("bucketName", options.bucketName);
   return $fetch("/core/apis/data/saveFileToS3", {
     baseURL: apiURL,
     method: "POST",
-    body: {
-      path: `${options.basePath}/${options.journeyId}/${options.fileName}.${options.extension}`,
-      file: options.file,
-      bucketName: options.bucketName
-    }
+    body
   });
 };

package/package.json

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