flowrix 1.0.1-beta.16 → 1.0.1-beta.160

package/dist/module.d.mts

@@ -1,8 +1,3 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-interface ModuleOptions {
-}
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+declare const _default: any;
 
 export { _default as default };
-export type { ModuleOptions };

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "flowrix",
   "configKey": "flowrix",
-  "version": "1.0.1-beta.16",
+  "version": "1.0.1-beta.160",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,32 +1,51 @@
-import { defineNuxtModule, createResolver, installModule, addServerHandler, addImportsDir, addPlugin, addImports } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, installModule, addPlugin, addServerHandler, addImportsDir, addImports } from '@nuxt/kit';
 
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
     name: "flowrix",
     configKey: "flowrix"
   },
   defaults: {},
   async setup(_options, nuxt) {
-    nuxt.options.runtimeConfig = {
-      ...nuxt.options.runtimeConfig,
-      // Server-only key
-      FLOWRIX_API_KEY: nuxt.options.runtimeConfig.FLOWRIX_API_KEY || process.env.FLOWRIX_API_KEY || "",
-      FLOWRIX_API_SECRET: nuxt.options.runtimeConfig.FLOWRIX_API_SECRET || process.env.FLOWRIX_API_SECRET || "",
-      FLOWRIX_API_ORIGIN: nuxt.options.runtimeConfig.FLOWRIX_API_ORIGIN || process.env.FLOWRIX_API_ORIGIN || "",
-      FLOWRIX_API_BASE: nuxt.options.runtimeConfig.FLOWRIX_API_BASE || process.env.FLOWRIX_API_BASE || "",
-      FLOWRIX_API_BASE_V2: nuxt.options.runtimeConfig.FLOWRIX_API_BASE_V2 || process.env.FLOWRIX_API_BASE_V2 || "",
-      public: {
-        ...nuxt.options.runtimeConfig.public,
-        // Client-exposed key
-        FLOWRIX_API_KEY: nuxt.options.runtimeConfig.public?.FLOWRIX_API_KEY || process.env.FLOWRIX_API_KEY || "",
-        FLOWRIX_API_SECRET: nuxt.options.runtimeConfig.public?.FLOWRIX_API_SECRET || process.env.FLOWRIX_API_SECRET || "",
-        FLOWRIX_API_ORIGIN: nuxt.options.runtimeConfig.public?.FLOWRIX_API_ORIGIN || process.env.FLOWRIX_API_ORIGIN || "",
-        FLOWRIX_API_BASE: nuxt.options.runtimeConfig.public?.FLOWRIX_API_BASE || process.env.FLOWRIX_API_BASE || "",
-        FLOWRIX_API_BASE_V2: nuxt.options.runtimeConfig.public?.FLOWRIX_API_BASE_V2 || process.env.FLOWRIX_API_BASE_V2 || ""
-      }
-    };
+    const env = process.env;
+    const runtimeConfig = nuxt.options.runtimeConfig;
+    nuxt.options.nitro = nuxt.options.nitro || {};
+    nuxt.options.nitro.externals = nuxt.options.nitro.externals || {};
+    nuxt.options.nitro.externals.inline = nuxt.options.nitro.externals.inline || [];
+    nuxt.options.nitro.externals.inline.push("@aws-sdk/client-s3", "tslib");
+    runtimeConfig.FLOWRIX_API_KEY = env.KEY || "";
+    runtimeConfig.FLOWRIX_API_SECRET = env.SECRET || "";
+    runtimeConfig.FLOWRIX_API_ORIGIN = env.ORIGIN || "";
+    runtimeConfig.FLOWRIX_API_BASE = env.BASE || "";
+    runtimeConfig.FLOWRIX_CACHE = env.CACHE || "false";
+    runtimeConfig.FLOWRIX_CDN = env.CDN || "";
+    runtimeConfig.S3_ACCESS_KEY_ID = env.S3_ACCESS_KEY_ID || "";
+    runtimeConfig.S3_SECRET_ACCESS_KEY = env.S3_SECRET_ACCESS_KEY || "";
+    runtimeConfig.S3_REGION = env.S3_REGION || "us-east-1";
+    runtimeConfig.S3_BUCKET = env.S3_BUCKET || "";
+    runtimeConfig.S3_TENANT = env.S3_TENANT || "";
+    runtimeConfig.WEBSITE_URL = env.WEBSITE_URL || "";
+    Object.assign(runtimeConfig.public, {
+      ...runtimeConfig.public,
+      FLOWRIX_API_KEY: env.KEY || runtimeConfig.FLOWRIX_API_KEY || runtimeConfig.public.FLOWRIX_API_KEY || "",
+      FLOWRIX_API_BASE: runtimeConfig.public.FLOWRIX_API_BASE || ""
+    });
     const resolver = createResolver(import.meta.url);
     await installModule("@pinia/nuxt");
+    nuxt.hook("pages:extend", (pages) => {
+      pages.push({
+        name: "default",
+        path: "/:slug(.*)",
+        file: resolver.resolve("./runtime/pages/flowrix-default.vue")
+      });
+    });
+    addPlugin({
+      src: resolver.resolve("./runtime/plugins/router")
+    });
+    addServerHandler({
+      middleware: true,
+      handler: resolver.resolve("./runtime/server/middleware/powertools")
+    });
     addServerHandler({
       middleware: true,
       handler: resolver.resolve("./runtime/utils/htmlCache")
@@ -41,86 +60,46 @@ const module = defineNuxtModule({
       from: resolver.resolve("./runtime/middleware/flowrix"),
       name: "flowrixApi"
     });
+    addImports({
+      from: resolver.resolve("./runtime/middleware/s3api"),
+      name: "s3Api"
+    });
     addServerHandler({
       route: "/api/albums",
       handler: resolver.resolve("./runtime/server/api/albums")
     });
     addServerHandler({
-      route: "/api/banners",
-      handler: resolver.resolve("./runtime/server/api/banners")
-    });
-    addServerHandler({
-      route: "/api/location",
-      handler: resolver.resolve("./runtime/server/api/location")
-    });
-    addServerHandler({
-      route: "/api/subscribe",
-      handler: resolver.resolve("./runtime/server/api/subscribe")
-    });
-    addServerHandler({
-      route: "/api/auth/forgot",
-      handler: resolver.resolve("./runtime/server/api/auth/forgot")
-    });
-    addServerHandler({
-      route: "/api/auth/login",
-      handler: resolver.resolve("./runtime/server/api/auth/login")
-    });
-    addServerHandler({
-      route: "/api/auth/logout",
-      handler: resolver.resolve("./runtime/server/api/auth/logout")
-    });
-    addServerHandler({
-      route: "/api/auth/register",
-      handler: resolver.resolve("./runtime/server/api/auth/register")
-    });
-    addServerHandler({
-      route: "/api/auth/session",
-      handler: resolver.resolve("./runtime/server/api/auth/session.get")
-    });
-    addServerHandler({
-      route: "/api/auth/user/reset-password",
-      handler: resolver.resolve("./runtime/server/api/auth/user/reset-password")
+      route: "/api/reviews",
+      handler: resolver.resolve("./runtime/server/api/reviews")
     });
     addServerHandler({
-      route: "/api/auth/user/session",
-      handler: resolver.resolve("./runtime/server/api/auth/user/session")
-    });
-    addServerHandler({
-      route: "/api/auth/user/verify-token",
-      handler: resolver.resolve("./runtime/server/api/auth/user/verify-token")
-    });
-    addServerHandler({
-      route: "/api/blog/:slug",
-      handler: resolver.resolve("./runtime/server/api/blog/[slug]")
-    });
-    addServerHandler({
-      route: "/api/blog/blog",
-      handler: resolver.resolve("./runtime/server/api/blog/blog")
-    });
-    addServerHandler({
-      route: "/api/brand/:slug",
-      handler: resolver.resolve("./runtime/server/api/brand/[slug]")
+      route: "/api/banners",
+      handler: resolver.resolve("./runtime/server/api/banners")
     });
     addServerHandler({
-      route: "/api/cart/remove",
-      handler: resolver.resolve("./runtime/server/api/cart/remove")
+      route: "/api/cmspost/**",
+      handler: resolver.resolve("./runtime/server/api/cmspost/[...slug]")
     });
     addServerHandler({
-      route: "/api/cart/:slug/add",
-      handler: resolver.resolve("./runtime/server/api/cart/[slug]/add")
+      route: "/api/cmspost/all",
+      handler: resolver.resolve("./runtime/server/api/cmspost/all")
     });
     addServerHandler({
-      route: "/api/cart/:slug/update",
-      handler: resolver.resolve("./runtime/server/api/cart/[slug]/update")
+      route: "/api/brand",
+      handler: resolver.resolve("./runtime/server/api/brand")
     });
     addServerHandler({
-      route: "/api/cart/service/:slug/add",
-      handler: resolver.resolve("./runtime/server/api/cart/service/[slug]/add")
+      route: "/api/brand/**",
+      handler: resolver.resolve("./runtime/server/api/brand/[...slug]")
     });
     addServerHandler({
       route: "/api/catalog/categories",
       handler: resolver.resolve("./runtime/server/api/catalog/categories")
     });
+    addServerHandler({
+      route: "/api/catalog/categories/all",
+      handler: resolver.resolve("./runtime/server/api/catalog/categoriesall")
+    });
     addServerHandler({
       route: "/api/catalog/featured",
       handler: resolver.resolve("./runtime/server/api/catalog/featured")
@@ -138,146 +117,138 @@ const module = defineNuxtModule({
       handler: resolver.resolve("./runtime/server/api/category/[...slug]")
     });
     addServerHandler({
-      route: "/api/checkout/applyCoupon",
-      handler: resolver.resolve("./runtime/server/api/checkout/applyCoupon")
-    });
-    addServerHandler({
-      route: "/api/checkout/configs",
-      handler: resolver.resolve("./runtime/server/api/checkout/configs")
-    });
-    addServerHandler({
-      route: "/api/checkout/countries",
-      handler: resolver.resolve("./runtime/server/api/checkout/countries")
+      route: "/api/company/profile",
+      handler: resolver.resolve("./runtime/server/api/company/profile")
     });
     addServerHandler({
-      route: "/api/checkout/paymentmethod",
-      handler: resolver.resolve("./runtime/server/api/checkout/paymentmethod")
+      route: "/api/countries",
+      handler: resolver.resolve("./runtime/server/api/countries")
     });
     addServerHandler({
-      route: "/api/company/profile",
-      handler: resolver.resolve("./runtime/server/api/company/profile")
+      route: "/api/nav/:id/links",
+      handler: resolver.resolve("./runtime/server/api/nav/[id]/links")
     });
     addServerHandler({
-      route: "/api/contact-center/webforms/create",
-      handler: resolver.resolve("./runtime/server/api/contact-center/webforms/create")
+      route: "/api/page/**",
+      handler: resolver.resolve("./runtime/server/api/page/[...slug]")
     });
     addServerHandler({
-      route: "/api/contact-center/webforms/:id/details",
-      handler: resolver.resolve("./runtime/server/api/contact-center/webforms/[id]/details")
+      route: "/api/product/**",
+      handler: resolver.resolve("./runtime/server/api/product/[...slug]")
     });
     addServerHandler({
-      route: "/api/customer/change-password",
-      handler: resolver.resolve("./runtime/server/api/customer/change-password")
+      route: "/api/quickview/:slug",
+      handler: resolver.resolve("./runtime/server/api/quickview/[slug]")
     });
     addServerHandler({
-      route: "/api/customer/checkout",
-      handler: resolver.resolve("./runtime/server/api/customer/checkout")
+      route: "/api/service/:slug",
+      handler: resolver.resolve("./runtime/server/api/service/[slug]")
     });
     addServerHandler({
-      route: "/api/customer/orders",
-      handler: resolver.resolve("./runtime/server/api/customer/orders")
+      route: "/api/service/getall",
+      handler: resolver.resolve("./runtime/server/api/service/getall")
     });
     addServerHandler({
-      route: "/api/customer/quotations",
-      handler: resolver.resolve("./runtime/server/api/customer/quotations")
+      route: "/api/service/availability",
+      handler: resolver.resolve("./runtime/server/api/service/availability")
     });
     addServerHandler({
-      route: "/api/customer/search",
-      handler: resolver.resolve("./runtime/server/api/customer/search")
+      route: "/api/permalink/**",
+      handler: resolver.resolve("./runtime/server/api/permalink/[...slug].get")
     });
     addServerHandler({
-      route: "/api/customer/tax-invoice",
-      handler: resolver.resolve("./runtime/server/api/customer/tax-invoice")
+      route: "/api/shop",
+      handler: resolver.resolve("./runtime/server/api/shop")
     });
     addServerHandler({
-      route: "/api/customer/address/add",
-      handler: resolver.resolve("./runtime/server/api/customer/address/add")
+      route: "/api/samples",
+      handler: resolver.resolve("./runtime/server/api/samples")
     });
     addServerHandler({
-      route: "/api/customer/address/delete",
-      handler: resolver.resolve("./runtime/server/api/customer/address/delete")
+      route: "/api/global/**",
+      handler: resolver.resolve("./runtime/server/api/global/[...slug]")
     });
     addServerHandler({
-      route: "/api/customer/address/setshipping",
-      handler: resolver.resolve("./runtime/server/api/customer/address/setshipping")
+      route: "/api/cache/clean",
+      handler: resolver.resolve("./runtime/server/api/cache/clean.get")
     });
     addServerHandler({
-      route: "/api/customer/address/update",
-      handler: resolver.resolve("./runtime/server/api/customer/address/update")
+      route: "/api/cache/**",
+      handler: resolver.resolve("./runtime/server/api/cache/[...slug].delete")
     });
     addServerHandler({
-      route: "/api/customer/cards/delete",
-      handler: resolver.resolve("./runtime/server/api/customer/cards/delete")
+      route: "/sitemap.xml",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/customer/cards/get",
-      handler: resolver.resolve("./runtime/server/api/customer/cards/get")
+      route: "/sitemap.xml.gz",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/customer/profile/update",
-      handler: resolver.resolve("./runtime/server/api/customer/profile/update")
+      route: "/brands-sitemap.xml",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/customer/wishlist/add",
-      handler: resolver.resolve("./runtime/server/api/customer/wishlist/add")
+      route: "/brands-sitemap.xml.gz",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/customer/wishlist/createWishList",
-      handler: resolver.resolve("./runtime/server/api/customer/wishlist/createWishList")
+      route: "/post-categories-sitemap.xml",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/customer/wishlist/deleteFromWishList",
-      handler: resolver.resolve("./runtime/server/api/customer/wishlist/deleteFromWishList")
+      route: "/post-categories-sitemap.xml.gz",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/customer/wishlist/deleteWishList",
-      handler: resolver.resolve("./runtime/server/api/customer/wishlist/deleteWishList")
+      route: "/services-sitemap.xml",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/customer/wishlist/get",
-      handler: resolver.resolve("./runtime/server/api/customer/wishlist/get")
+      route: "/services-sitemap.xml.gz",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/customer/wishlist/getWishListItems",
-      handler: resolver.resolve("./runtime/server/api/customer/wishlist/getWishListItems")
+      route: "/pages-sitemap.xml",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/customer/wishlist/updateWishList",
-      handler: resolver.resolve("./runtime/server/api/customer/wishlist/updateWishList")
+      route: "/pages-sitemap.xml.gz",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/nav/:id/links",
-      handler: resolver.resolve("./runtime/server/api/nav/[id]/links")
+      route: "/products-sitemap.xml",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/page/:slug",
-      handler: resolver.resolve("./runtime/server/api/page/[slug]")
+      route: "/products-sitemap.xml.gz",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/product/**",
-      handler: resolver.resolve("./runtime/server/api/product/[...slug]")
+      route: "/posts-sitemap.xml",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/service/:slug",
-      handler: resolver.resolve("./runtime/server/api/service/[slug]")
+      route: "/posts-sitemap.xml.gz",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/service/availability",
-      handler: resolver.resolve("./runtime/server/api/service/availability")
+      route: "/categories-sitemap.xml",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/v2/**",
-      handler: resolver.resolve("./runtime/server/api/v2/[...slug]")
+      route: "/categories-sitemap.xml.gz",
+      handler: resolver.resolve("./runtime/server/api/generate/sitemap.get")
     });
     addServerHandler({
-      route: "/api/cache/clean",
-      handler: resolver.resolve("./runtime/server/api/cache/clean.get")
+      route: "/robots.txt",
+      handler: resolver.resolve("./runtime/server/api/generate/robots.get")
     });
     addServerHandler({
-      route: "/api/cache/**",
-      handler: resolver.resolve("./runtime/server/api/cache/[...slug].delete")
+      route: "/api/faizancheck",
+      handler: resolver.resolve("./runtime/server/api/checkvariables")
     });
   }
 });
 
-export { module as default };
+export { module$1 as default };

package/dist/runtime/components/DynamicComponents/SubscriptionForm.d.vue.ts

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

package/dist/runtime/components/DynamicComponents/SubscriptionForm.vue

@@ -0,0 +1,60 @@
+<script setup>
+const { subscribe, response, error, loading, clear } = useSubscriptions();
+const email = ref("");
+watch([response, error], () => {
+  if (response.value || error.value) {
+    setTimeout(() => clear(), 5e3);
+  }
+});
+const handleSubscribe = async () => {
+  if (!email.value.trim()) return;
+  const result = await subscribe(email.value);
+  if (result.status === "Success") {
+    email.value = "";
+  }
+};
+</script>
+
+<template>
+  <div>
+    <form class="orix-subscription-form" @submit.prevent="handleSubscribe">
+      <input
+        v-model="email"
+        type="email"
+        name="email"
+        placeholder="Enter your email"
+        required
+        :disabled="loading"
+        class="orix-subscription-form__input"
+      />
+      <button
+        type="submit"
+        :disabled="loading || !email"
+        class="orix-subscription-form__button"
+      >
+        <span v-if="!loading">Subscribe</span>
+        <span v-else>
+          Submitting
+          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+            <path fill="none" stroke="currentColor" stroke-dasharray="16" stroke-dashoffset="16"
+              stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3c4.97 0 9 4.03 9 9">
+              <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="16;0" />
+              <animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate"
+                values="0 12 12;360 12 12" />
+            </path>
+          </svg>
+        </span>
+      </button>
+    </form>
+
+    <div v-if="response?.status === 'Success'" class="alert alert-success mt-2" role="alert">
+      {{ response.message }}
+      <button type="button" class="btn-close float-end" @click="clear" aria-label="Close"></button>
+    </div>
+
+    <div v-if="error" class="alert alert-danger mt-2" role="alert">
+      {{ error }}
+      <button type="button" class="btn-close float-end" @click="clear" aria-label="Close"></button>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/DynamicComponents/SubscriptionForm.vue.d.ts

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

package/dist/runtime/components/DynamicComponents/WebForm.d.vue.ts

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

package/dist/runtime/components/DynamicComponents/WebForm.vue

@@ -0,0 +1,115 @@
+<script setup>
+const { form_id } = defineProps(["form_id"]);
+const data = ref({});
+const getFormData = (() => {
+  const response = useWebformsStore().fetchWebform(1);
+  return response;
+});
+onMounted(async () => {
+  data.value = await getFormData();
+});
+const Filedlabel = ((field) => {
+  return field.required ? `Your ${field.label} *` : `Your ${field.label}`;
+});
+const sortedFields = ((fields) => {
+  return fields.sort((a, b) => a.sortorder - b.sortorder);
+});
+const fomrSubmiting = ref(false);
+const submitForm = ref({});
+const submitInquiry = (async (submitEvent) => {
+  fomrSubmiting.value = true;
+  fomrSubmiting.value = true;
+  var public_key = "";
+  var recaptchaToken = "";
+  if (data.value.public_key) {
+    recaptchaToken = await grecaptcha.execute(data.value.public_key, { action: "submit" });
+  }
+  let allFields = document.querySelectorAll(".form-input-field");
+  let formData = {};
+  allFields.forEach((field) => {
+    const fieldId = field.getAttribute("data-id");
+    if (fieldId) {
+      formData[fieldId] = field.value;
+    }
+  });
+  const submitdata = { id: form_id, fields: formData, recaptcha: recaptchaToken };
+  const response = await useWebformsStore().submitInquiry(submitdata);
+  console.log(response);
+  submitForm.value = response;
+  fomrSubmiting.value = false;
+  if (submitForm.value && submitForm.value.status == "Success") {
+    allFields.forEach((field) => {
+      field.value = "";
+    });
+  }
+  setTimeout(() => {
+  }, 2e3);
+});
+</script>
+
+<template>
+    <form class="contactform" v-if="Object.keys(data).length > 0 && data.fields != void 0" @submit.prevent="submitInquiry()">
+        <div class="row gy-4">
+            <template v-for="(field, index) in sortedFields(data.fields)">
+                <div class="col-md-6" v-if="index < 4">
+                    <input :required="field.required" :data-id="field.id"
+                        :name="field.label.replace(/\s+/g, '').toLowerCase()" :type="field.type"
+                        class="form-input-field form-control" :placeholder="Filedlabel(field)" />
+                </div>
+                <div class="col-md-12" v-if="index > 3">
+                    <input :required="field.required" :data-id="field.id"
+                        :name="field.label.replace(/\s+/g, '').toLowerCase()" v-if="field.type != 'textarea'"
+                        :type="field.type" class="form-input-field form-control" :placeholder="Filedlabel(field)" />
+                    <div v-if="field.type == 'textarea'">
+                        <textarea rows="4" :required="field.required" :data-id="field.id"
+                            :name="field.label.replace(/\s+/g, '').toLowerCase()" class="form-input-field form-control"
+                            :placeholder="Filedlabel(field)"></textarea>
+                    </div>
+                </div>
+            </template>
+            <button type="submit" class="btn btn-secondary w-auto px-4 rounded text-white rounded-5">
+               <span v-if="!fomrSubmiting">Send message</span>
+               <span v-if="fomrSubmiting">
+                Submitting <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-dasharray="16" stroke-dashoffset="16" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3c4.97 0 9 4.03 9 9"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="16;0"/><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></svg>
+               </span>
+            </button>
+            <div v-if="submitForm?.message != void 0">
+                <div class="alert alert-success" role="alert">
+                   <div v-html="submitForm.message"></div>
+                </div>
+
+            </div>
+        </div>
+    </form>
+</template>
+
+<style scoped>
+.contactform .form-control {
+  min-height: 45px;
+  background-color: #f5f7fb;
+  border: none;
+}
+.contactform .form-control::placeholder {
+  color: #a6a6a6 !important;
+}
+.contactform .form-control::-webkit-input-placeholder {
+  color: #a6a6a6;
+}
+.contactform .form-control {
+  /* Firefox 19+ */
+}
+.contactform .form-control::-moz-placeholder {
+  color: #a6a6a6;
+  opacity: 1; /* Override Firefox's default lower opacity */
+}
+.contactform .form-control {
+  /* Internet Explorer 10+ */
+}
+.contactform .form-control:-ms-input-placeholder {
+  color: #a6a6a6;
+}
+
+.alert :deep(p) {
+  margin: 0 !important;
+}
+</style>

package/dist/runtime/components/DynamicComponents/WebForm.vue.d.ts

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

package/dist/runtime/components/Pages/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;