flowrix 1.0.1-beta.152 → 1.0.1-beta.154

package/dist/runtime/components/Types/category/index.vue

@@ -0,0 +1,50 @@
+<script setup>
+import { defineAsyncComponent } from "vue";
+import { useRoute } from "vue-router";
+import { useHead } from "#app";
+const route = useRoute();
+const slug = route.params.slug || "home";
+const DynamicComponent = defineAsyncComponent(() => import("../dynamic.vue"));
+const { data: fetchData, error } = await useFetch(`/api/category/${slug}`, {});
+defineProps({
+  data: { type: null, required: true }
+});
+const fullPath = ((fullUrl = "") => {
+  if (process.server) {
+    const headers = useRequestHeaders();
+    const protocol = headers["x-forwarded-proto"] || "http";
+    const host = headers.host || "localhost";
+    fullUrl = `${protocol}://${host}${route.fullPath}`;
+  } else {
+    fullUrl = `${window.location.origin}${route.fullPath}`;
+  }
+  return fullUrl;
+});
+useHead({
+  title: fetchData.value?.data?.meta_title || "",
+  meta: [
+    {
+      name: "description",
+      content: fetchData.value?.data?.meta_description || ""
+    },
+    {
+      name: "og:title",
+      content: fetchData.value?.data?.meta_title || ""
+    },
+    {
+      name: "og:description",
+      content: fetchData.value?.data?.meta_description || ""
+    },
+    {
+      name: "og:url",
+      content: fullPath()
+    }
+  ]
+});
+</script>
+
+<template>
+  <div class="post-wraper">
+    <DynamicComponent :data="data.content"/>
+  </div>
+</template>

package/dist/runtime/components/Types/category/index.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Types/dynamic.d.vue.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    data?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    data?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Types/dynamic.vue

@@ -0,0 +1,160 @@
+<script setup>
+import { ref, onMounted, nextTick, defineAsyncComponent } from "vue";
+import { createApp, h } from "vue";
+import { useRoute } from "vue-router";
+import { useHead } from "#app";
+const route = useRoute();
+const slug = route.params.slug || "";
+const { data } = defineProps(["data"]);
+const grapeContainer = ref(null);
+const WebForm = defineAsyncComponent(
+  () => import("../DynamicComponents/WebForm.vue")
+);
+const SubscriptionForm = defineAsyncComponent(
+  () => import("../DynamicComponents/SubscriptionForm.vue")
+);
+onMounted(async () => {
+  await nextTick();
+  const container = grapeContainer.value;
+  if (!container) return;
+  container.innerHTML = data?.html || '<div class="container text-center fs-4">No content Found</div>';
+  const formDivs = container.querySelectorAll("div[form_id]");
+  formDivs.forEach((el) => {
+    const formId = el.getAttribute("form_id");
+    if (!formId) return;
+    const mountEl = document.createElement("div");
+    el.replaceWith(mountEl);
+    createApp({
+      render() {
+        return h(WebForm, {
+          form_id: formId
+        });
+      }
+    }).mount(mountEl);
+  });
+  const subscriptionForms = container.querySelectorAll("[subscription_form], .orix-subscription-form");
+  subscriptionForms.forEach((el) => {
+    const mountEl = document.createElement("div");
+    el.replaceWith(mountEl);
+    createApp({
+      render() {
+        return h(SubscriptionForm);
+      }
+    }).mount(mountEl);
+  });
+  const scripts = container.querySelectorAll("script");
+  console.log("scripts", scripts);
+  scripts.forEach((oldScript) => {
+    const newScript = document.createElement("script");
+    for (const attr of oldScript.attributes) {
+      newScript.setAttribute(attr.name, attr.value);
+    }
+    newScript.textContent = oldScript.textContent;
+    oldScript.parentNode?.replaceChild(newScript, oldScript);
+  });
+});
+onMounted(async () => {
+  await nextTick();
+  const sections = document.querySelectorAll("[id]");
+  let activeLink = null;
+  const observer = new IntersectionObserver(
+    (entries) => {
+      entries.forEach((entry) => {
+        if (!entry.isIntersecting) return;
+        const id = entry.target.id;
+        const link = document.querySelector(`a[href="#${id}"]`);
+        if (!link) return;
+        if (activeLink && activeLink !== link) {
+          activeLink.style.backgroundColor = "";
+          activeLink.style.color = "";
+        }
+        link.style.backgroundColor = "rgb(0, 82, 137)";
+        link.style.color = "#ffffff";
+        activeLink = link;
+      });
+    },
+    {
+      threshold: 0.4
+    }
+  );
+  sections.forEach((section) => observer.observe(section));
+});
+function scopeCss(css, scope = ".dynamicContent") {
+  return css.replace(
+    /(^|})\s*([^@}{]+)\s*\{/g,
+    (match, brace, selector) => {
+      if (selector.trim().startsWith("@")) {
+        return `${brace} ${selector} {`;
+      }
+      const scopedSelector = selector.split(",").map((sel) => {
+        sel = sel.trim();
+        if (sel.startsWith(scope)) return sel;
+        sel = sel.replace(/^body\b/, "").replace(/^html\b/, "").replace(/^\*/, "").trim();
+        return sel ? `${scope} ${sel}` : scope;
+      }).join(", ");
+      return `${brace} ${scopedSelector} {`;
+    }
+  );
+}
+useHead(() => {
+  const css = data?.css || "";
+  const globalcss = data?.globalstyles?.globalCSS || "";
+  if (!css) return {};
+  return {
+    style: [
+      {
+        innerHTML: scopeCss(css),
+        id: "scoped-css",
+        type: "text/css",
+        tagPosition: "bodyClose"
+      },
+      {
+        innerHTML: globalcss,
+        id: "global-css",
+        type: "text/css",
+        tagPosition: "bodyClose"
+      }
+    ]
+  };
+});
+</script>
+
+<template>
+    <div class="dynamicContent">
+  <div ref="grapeContainer"></div>
+  </div>
+</template>
+
+<style scoped>
+:deep() .gjs-cell {
+  flex-grow: unset !important;
+  flex-basis: unset !important;
+}
+:deep() .accordion-button:not(.collapsed) {
+  background: none !important;
+  background-color: none !important;
+  color: unset !important;
+  font-weight: 500 !important;
+}
+:deep() .accordion-button:focus {
+  outline: none !important;
+  box-shadow: none !important;
+}
+:deep() .accordion-item {
+  margin: 20px 0;
+  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) !important;
+}
+:deep() .accordion-header {
+  border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) !important;
+}
+:deep() {
+  /* Scroll offset for anchor links - prevents content from hiding behind fixed header */
+}
+:deep() [id] {
+  scroll-margin-top: 150px;
+}
+</style>
+
+<style>
+.dynamicContent .accordion .accordion-button.collapsed{background-color:unset!important}.dynamicContent .accordion .accordion-button:not(.collapsed){background-color:unset!important;box-shadow:unset!important;color:unset!important;font-weight:500!important}
+</style>

package/dist/runtime/components/Types/dynamic.vue.d.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    data?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    data?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Types/page/index.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Types/page/index.vue

@@ -0,0 +1,51 @@
+<script setup>
+import { defineAsyncComponent } from "vue";
+import { useRoute } from "vue-router";
+import { useHead } from "#app";
+const route = useRoute();
+const slug = route.params.slug || "home";
+const DynamicComponent = defineAsyncComponent(() => import("../dynamic.vue"));
+const { data: fetchData, error } = await useFetch(`/api/page/${slug}`, {});
+defineProps({
+  data: { type: null, required: true }
+});
+const fullPath = ((fullUrl = "") => {
+  if (process.server) {
+    const headers = useRequestHeaders();
+    const protocol = headers["x-forwarded-proto"] || "http";
+    const host = headers.host || "localhost";
+    fullUrl = `${protocol}://${host}${route.fullPath}`;
+  } else {
+    fullUrl = `${window.location.origin}${route.fullPath}`;
+  }
+  return fullUrl;
+});
+useHead({
+  title: fetchData.value?.data?.meta_title || pageData?.data?.meta_title,
+  meta: [
+    {
+      name: "description",
+      content: fetchData.value?.data?.meta_description || pageData?.data?.meta_description
+    },
+    {
+      name: "og:title",
+      content: fetchData.value?.data?.meta_title || pageData?.data?.meta_title
+    },
+    {
+      name: "og:description",
+      content: fetchData.value?.data?.meta_description || pageData?.data?.meta_description
+    },
+    {
+      name: "og:url",
+      content: fullPath()
+    }
+  ]
+});
+</script>
+
+<template>
+  <!-- <pre>{{ fetchData.data.content }}</pre> -->
+  <div class="page-wraper">
+    <DynamicComponent :data="fetchData.data.content"/>
+  </div>
+</template>

package/dist/runtime/components/Types/page/index.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Types/post/index.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Types/post/index.vue

@@ -0,0 +1,51 @@
+<script setup>
+import { defineAsyncComponent } from "vue";
+import { useRoute } from "vue-router";
+import { useHead } from "#app";
+const route = useRoute();
+const slug = route.params.slug || "home";
+const DynamicComponent = defineAsyncComponent(() => import("../dynamic.vue"));
+const { data: fetchData, error } = await useFetch(`/api/cmspost/${slug}`, {});
+defineProps({
+  data: { type: null, required: true }
+});
+const fullPath = ((fullUrl = "") => {
+  if (process.server) {
+    const headers = useRequestHeaders();
+    const protocol = headers["x-forwarded-proto"] || "http";
+    const host = headers.host || "localhost";
+    fullUrl = `${protocol}://${host}${route.fullPath}`;
+  } else {
+    fullUrl = `${window.location.origin}${route.fullPath}`;
+  }
+  return fullUrl;
+});
+useHead({
+  title: fetchData.value?.data?.meta_title || "",
+  meta: [
+    {
+      name: "description",
+      content: fetchData.value?.data?.meta_description || ""
+    },
+    {
+      name: "og:title",
+      content: fetchData.value?.data?.meta_title || ""
+    },
+    {
+      name: "og:description",
+      content: fetchData.value?.data?.meta_description || ""
+    },
+    {
+      name: "og:url",
+      content: fullPath()
+    }
+  ]
+});
+</script>
+
+<template>
+  <!-- <pre>{{ fetchData.data.content }}</pre> -->
+  <div class="post-wraper">
+    <DynamicComponent :data="fetchData.data.content"/>
+  </div>
+</template>

package/dist/runtime/components/Types/post/index.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Types/product/index.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Types/product/index.vue

@@ -0,0 +1,10 @@
+<script setup>
+const DynamicComponent = defineAsyncComponent(() => import("../../Product/index.vue"));
+defineProps({
+  data: { type: null, required: true }
+});
+</script>
+
+<template>
+   <DynamicComponent :product="data"/>
+</template>

package/dist/runtime/components/Types/product/index.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/composables/Checkout/useCheckout.js

@@ -31,6 +31,9 @@ export default function() {
     const cartItems = checkoutStore.config;
     return cartItems;
   });
+  const quote_number = computed(() => route.query?.quote_number || "");
+  const quote_expires = computed(() => route.query?.expires || "");
+  const quote_signature = computed(() => route.query?.signature || "");
   const abndToken = cartStore.cart.abndToken;
   const vouchercode = cartStore.cart.code;
   const sessiondata = computed(() => checkoutStore.checkoutSession);
@@ -86,6 +89,11 @@ export default function() {
     till_expiryyear: "",
     save_card_details: 0
   });
+  if (quote_number.value != "" && quote_expires.value != "" && quote_signature.value != "") {
+    inputData.value.quote_number = quote_number.value || "";
+    inputData.value.expires = quote_expires.value || "";
+    inputData.value.signature = quote_signature.value || "";
+  }
   const updateUserFieldsIfuserLogin = (async (sameasbilling = false) => {
     if (isAuthenticated) {
       const billingAddres = user?.addresses?.filter((address) => address.billing == 1)[0];

package/dist/runtime/composables/Product/useQuickView.js

@@ -4,8 +4,6 @@ export const useQuickView = (slug) => {
   const { data, error, refresh, execute, pending } = useFetch(
     `/api/quickview/${slug}`,
     {
-      method: "POST",
-      body: { slug },
       lazy: true,
       server: false,
       default: () => null
@@ -20,8 +18,9 @@ export const useQuickView = (slug) => {
   };
 };
 export const useSendQuickValues = async (attributes, slug) => {
+  let query = {};
+  query["body"] = attributes;
   return await $fetch(`/api/quickview/${slug}`, {
-    method: "POST",
-    body: attributes
+    query
   });
 };

package/dist/runtime/pages/flowrix-default.vue

@@ -1,9 +1,10 @@
 <script setup>
 import { useRoute } from "vue-router";
-import { defineAsyncComponent } from "vue";
+import { defineAsyncComponent, computed } from "vue";
+const DynamicContent = defineAsyncComponent(() => import("../components/Types/dynamic.vue"));
 const route = useRoute();
 const slug = route.params.slug || "home";
-const { data, error, execute, refresh } = await useFetch(`/api/v2/${slug}`);
+const { data, error } = await useFetch(`/api/v2/${slug}`);
 const redirectPage = (async (redirectData) => {
   return navigateTo(`/${redirectData.target}`, { redirectCode: redirectData.status_code || 404 });
 });
@@ -21,6 +22,15 @@ useHead({
     }
   ]
 });
+const DynamicComponent = computed(() => {
+  const type = data.value?.data?.type;
+  if (!type || type === "redirect") {
+    return null;
+  }
+  return defineAsyncComponent(
+    () => import(`../components/Types/${type}/index.vue`).catch(() => import("./404.vue"))
+  );
+});
 const NotFoundComponent = defineAsyncComponent(async () => {
   const project404 = import.meta.glob("~/pages/404.vue");
   const projectKey = "/pages/404.vue";
@@ -39,11 +49,16 @@ const NotFoundComponent = defineAsyncComponent(async () => {
 </script>
 
 <template>
-  <template v-if="data">
-</template>
-<template v-else>
-  <ClientOnly>    
-    <NotFoundComponent/>
-  </ClientOnly>
-</template>
+  <template v-if="data && DynamicComponent">
+    <component :is="DynamicComponent" :data="data?.data" />
+  </template>
+  <template v-else>
+    <ClientOnly>    
+      <NotFoundComponent/>
+    </ClientOnly>
+  </template>
 </template>
+
+<style>
+body,html{margin:0;padding:0}
+</style>

package/dist/runtime/plugins/bootstrap.client.d.ts

@@ -1,2 +1,3 @@
+import 'bootstrap/dist/js/bootstrap.bundle.min.js';
 declare const _default: any;
 export default _default;

package/dist/runtime/plugins/bootstrap.client.js

@@ -1,9 +1,4 @@
 import { defineNuxtPlugin } from "#app";
-export default defineNuxtPlugin(async () => {
-  const bootstrap = await import("bootstrap");
-  return {
-    provide: {
-      bootstrap
-    }
-  };
+import "bootstrap/dist/js/bootstrap.bundle.min.js";
+export default defineNuxtPlugin(() => {
 });

package/dist/runtime/server/api/quickview/[slug].js

@@ -1,9 +1,11 @@
-import { defineEventHandler, getRouterParam, readBody } from "h3";
+import { defineEventHandler, getRouterParam, getQuery } from "h3";
 import { flowrixApi } from "../../../middleware/flowrix.js";
 import { useRuntimeConfig } from "#imports";
 export default defineEventHandler(async (event) => {
   const slug = getRouterParam(event, "slug");
-  const body = await readBody(event);
+  let query = getQuery(event);
+  let body = query.body;
+  console.log(body, JSON.stringify(body));
   const config = useRuntimeConfig();
   const rawCookies = event.req.headers.cookie || "";
   const apiConfig = {
@@ -14,7 +16,7 @@ export default defineEventHandler(async (event) => {
     headers: {
       "x-api-secret": apiConfig?.FLOWRIX_API_SECRET || ""
     },
-    body: JSON.stringify(body)
+    body
   };
   const quickview = await flowrixApi.post(`quickview/${slug}`, apiConfig, options);
   return quickview;

package/dist/runtime/stores/Checkout.js

@@ -31,11 +31,14 @@ export const useCheckoutStore = defineStore("checkout", {
     async paymentMethods(formData) {
       try {
         const sessionData = JSON.parse(localStorage.getItem("Checkout")) || {};
-        const apiUrl = `/api/checkout/paymentmethod`;
-        const response = await $fetch(apiUrl, {
-          method: "POST",
-          body: formData
-        });
+        const apiUrl = `checkout/paymentmethod`;
+        const config = useRuntimeConfig();
+        const rawCookies = document.cookie;
+        const apiConfig = {
+          ...config,
+          cookies: rawCookies
+        };
+        const response = await flowrixApi.post(apiUrl, config, { body: formData });
         if (response?.data) {
           this.publishableKey = response.data;
           const cart = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowrix",
-  "version": "1.0.1-beta.152",
+  "version": "1.0.1-beta.154",
   "description": "Plug-and-play Nuxt eCommerce cart powered by FLOWRiX. Subscription required.",
   "license": "MIT",
   "type": "module",
@@ -44,6 +44,7 @@
     "@pinia/nuxt": "0.7.0",
     "@stripe/stripe-js": "8.2.0",
     "@vueuse/nuxt": "14.0.0",
+    "bootstrap": "^5.3.8",
     "defu": "^6.1.4",
     "nuxt-swiper": "2.0.1",
     "nuxt-toast": "1.4.0",