cja-phoenix 1.2.46 → 1.2.48

package/dist/module.json

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

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/useFunnelConfig.d.ts

@@ -1,11 +1,11 @@
-import { type ComputedRef } from 'vue';
-import type { StepData } from '../types/JourneyConfig.js';
+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>;
+    goNextStep: (relative?: boolean) => Promise<void>;
+    goPrevStep: (relative?: boolean) => Promise<void>;
 };

package/dist/runtime/composables/useFunnelConfig.js

@@ -3,7 +3,9 @@ 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 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;
@@ -17,9 +19,18 @@ export const useFunnelConfig = (structure) => {
       fields: stepFields
     } : void 0;
   };
-  const goNextStep = async () => {
+  const currentStepStatic = getStep(
+    route.value.path.split("/").reverse()[0]
+  );
+  const goNextStep = async (relative) => {
     if (currentStep.value) {
-      const nextStep = getStep(currentStep.value.index + 1);
+      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,
@@ -28,12 +39,18 @@ export const useFunnelConfig = (structure) => {
       }
     }
   };
-  const goPrevStep = async () => {
+  const goPrevStep = async (relative) => {
     if (currentStep.value) {
-      const nextStep = getStep(currentStep.value.index - 1);
-      if (nextStep) {
+      const prevStep = (() => {
+        if (relative) {
+          return getStep(currentStep.value.index - 1);
+        } else if (currentStepStatic) {
+          return;
+        }
+      })();
+      if (prevStep) {
         await navigateTo({
-          path: nextStep.path,
+          path: prevStep.path,
           query: useRoute().query
         });
       }

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.46",
+  "version": "1.2.48",
   "description": "Phoenix utility",
   "repository": {
     "type": "git",