cja-phoenix 1.2.53 → 1.2.55

package/dist/module.json

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

package/dist/runtime/components/ContentTabs.vue

@@ -12,11 +12,16 @@
       </button>
     </div>
     <div class="content-container">
-      <Transition name="fade" mode="out-in">
-        <div :key="activeTab" :class="`tab-${activeTab}`">
-          <slot :name="activeTab" />
+      <TransitionGroup name="fade">
+        <div
+          v-for="(tab, i) in tabs"
+          v-show="activeTab == i"
+          :key="i"
+          :class="`tab-${i}`"
+        >
+          <slot :name="i" />
         </div>
-      </Transition>
+      </TransitionGroup>
     </div>
   </div>
 </template>
@@ -72,11 +77,18 @@ defineExpose({ activeTab });
     position: relative;
     overflow: hidden;
 
-    .fade-enter-active,
     .fade-leave-active {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
       transition: all 0.3s ease-in-out;
     }
 
+    .fade-enter-active {
+      transition: all 0.3s ease-in-out 0.3s;
+    }
+
     .fade-enter-from,
     .fade-leave-to {
       opacity: 0;

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

@@ -1,4 +1,4 @@
-import { type Ref } from 'vue';
+import { type Ref } from "vue";
 export declare const useValidateForm: (options: {
     fields?: Ref[];
     onSubmit?: () => void | Promise<void>;

package/dist/runtime/composables/useValidateForm.js

@@ -1,16 +1,14 @@
-import { ref } from "vue";
+import { nextTick, 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();
-      }
+    await nextTick();
+    const fields = options.fields?.filter((f) => f.value) ?? [];
+    for (const field of fields) {
+      await field.value.validate();
     }
-    validForm.value = fields?.every((f) => f.value.meta.valid) ?? true;
+    validForm.value = fields.every((f) => f.value.meta.valid);
   };
   const submit = async () => {
     await validate();

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

@@ -1,10 +1,2 @@
-import type { StepType } from "../types/index.js";
-export declare const getAbTestVersion: (journeyId: string | undefined, config: {
-    stepType: StepType;
-    enabled: boolean;
-    experiment: string;
-    condition?: {
-        type: "utmSource";
-        utmSource: string;
-    };
-}) => Promise<any>;
+export type AbTestVersion = "control" | "variant";
+export declare function getAbTestVersion(experimentName: string): Promise<AbTestVersion>;

package/dist/runtime/utils/getAbTestVersion.js

@@ -1,46 +1,26 @@
-import {
-  useRuntimeConfig,
-  useCookie,
-  updateForm,
-  useRequestFetch
-} from "#imports";
-export const getAbTestVersion = async (journeyId, config) => {
-  const { apiURL } = useRuntimeConfig().public;
+import { useCookie, useRequestFetch, useRuntimeConfig } from "#imports";
+export async function getAbTestVersion(experimentName) {
+  const { nucleusURL } = useRuntimeConfig().public;
   const requestFetch = useRequestFetch();
-  const abTestCookie = useCookie(`abTestVersion_${config.experiment}`);
-  const fetchAbTestVersion = async () => requestFetch("/core/apis/data/abTestServiceLookup", {
-    baseURL: apiURL,
-    method: "post",
+  const abTestCookie = useCookie(
+    `abTestVersion_${experimentName}`
+  );
+  const deviceIdCookie = useCookie("device_id");
+  if (abTestCookie.value == "control" || abTestCookie.value == "variant") {
+    return abTestCookie.value;
+  }
+  const response = await requestFetch("/experiments/abtest", {
+    baseURL: nucleusURL,
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
     body: {
-      experimentName: config.experiment,
-      journeyId
+      experiment_name: experimentName,
+      device_id: deviceIdCookie.value
     }
-  }).then(async (d) => {
-    const abTestVersion = d.version || "control";
-    abTestCookie.value = abTestVersion;
-    await updateForm({
-      journeyId,
-      stepName: "AB Test Version",
-      stepType: config.stepType,
-      payload: {
-        abTestName: config.experiment,
-        abTestVersion
-      }
-    });
-    return abTestVersion;
   });
-  if (!abTestCookie.value && journeyId && config.enabled) {
-    if (config.condition) {
-      switch (config.condition.type) {
-        case "utmSource":
-          const url = new URL(location.href);
-          if (url.searchParams.get("utm_source") == config.condition.utmSource) {
-            return fetchAbTestVersion();
-          }
-      }
-    } else {
-      return fetchAbTestVersion();
-    }
-  }
-  return abTestCookie.value || "control";
-};
+  const version = response?.version_shown || "control";
+  abTestCookie.value = version;
+  return version;
+}

package/package.json

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