{"version":3,"file":"index.2ff86e2a.js","sources":["../../../../components/Hero.vue","../../../../stores/chatStore.ts","../../../../components/b2c/RequestDemoModal.vue","../../../../components/b2c/TryDemoModal.vue","../../../../stores/productStore.ts","../../../../components/b2c/PaymentModal.vue","../../../../pages/index.vue"],"sourcesContent":["<template>\n    <div>\n      <!-- Navbar -->\n\n      <div class=\"flex\">\n        <!-- Sidebar -->\n        <aside class=\"w-64 bg-secondary text-white p-4 h-1/2 rounded-xl\">\n          <div class=\"flex items-center space-x-4 mb-4\">\n            <img src=\"/assets/images/profile-1.jpeg\" alt=\"Profile\" class=\"rounded-full\">\n            <div>\n              <h2 class=\"text-lg text-white font-semibold\">Jon doe</h2>\n              <p class=\"text-sm hover:text-primary text-white\">Consultant</p>\n            </div>\n          </div>\n          <nav>\n            <ul class=\"space-y-2  text-white\">\n              <li><a href=\"#\" class=\"block p-2 text-white hover:text-primary rounded\">Profile</a></li>\n              <li><a href=\"#\" class=\"block p-2 text-white hover:text-primary rounded\">My Network</a></li>\n              <li><a href=\"#\" class=\"block p-2 text-white hover:text-primary rounded\">Property</a></li>\n              <li><a href=\"#\" class=\"block p-2 text-white hover:text-primary rounded\">Messaging</a></li>\n              <li><a href=\"#\" class=\"block p-2 text-white hover:text-primary rounded\">Notifications</a></li>\n              <li><a href=\"#\" class=\"block p-2 text-white hover:text-primary rounded\">Me</a></li>\n            </ul>\n          </nav>\n        </aside>\n\n        <!-- Main Content -->\n        <main class=\"flex-1 px-4 rounded-xl\">\n          <section class=\"bg-white shadow p-4 mb-4 rounded-xl bg-primary\">\n            <div class=\"flex items-center space-x-4 mb-4\">\n              <img src=\"https://via.placeholder.com/40\" alt=\"Profile\" class=\"rounded-full\">\n              <input type=\"text\" placeholder=\"Start a post, try writing with AI\" class=\"flex-1 p-2 border rounded\">\n            </div>\n            <div class=\"flex justify-around\">\n              <button class=\"flex items-center space-x-2 text-primary hover:text-secondary\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                  <path d=\"M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm1 2h10v2H5V5zm10 4H5v5h10V9z\"/>\n                </svg>\n                <span>Media</span>\n              </button>\n              <button class=\"flex items-center space-x-2 text-primary hover:text-secondary\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                  <path fill-rule=\"evenodd\" d=\"M2 8a2 2 0 012-2h2.5a.5.5 0 010 1H4a1 1 0 00-1 1v6a1 1 0 001 1h1.293l.293-.293a1 1 0 01.707-.293H8a1 1 0 01.707.293l.293.293h3.586l.293-.293A1 1 0 0114 15h1a1 1 0 001-1V8a1 1 0 00-1-1h-1.5a.5.5 0 010-1H14a2 2 0 012 2v6a2 2 0 01-2 2h-1.5a.5.5 0 01-.354-.146L10 14.707a1 1 0 00-1.414 0L5.854 17.854A.5.5 0 015.5 18H4a2 2 0 01-2-2V8z\" clip-rule=\"evenodd\"/>\n                </svg>\n                <span>Property</span>\n              </button>\n              <button class=\"flex items-center space-x-2 text-primary hover:text-secondary\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                  <path d=\"M3 5a2 2 0 00-2 2v6a2 2 0 002 2h4v2h6v-2h4a2 2 0 002-2V7a2 2 0 00-2-2H3zm2 2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V8a1 1 0 011-1h1zm11 0h1a1 1 0 011 1v2a1 1 0 01-1 1h-1a1 1 0 01-1-1V8a1 1 0 011-1zM9 10a1 1 0 100-2h2a1 1 0 100 2H9z\"/>\n                </svg>\n                <span>Write article</span>\n              </button>\n            </div>\n          </section>\n\n          <div>\n            <div v-for=\"post in suggestedPosts\" :key=\"post.id\" class=\"bg-white shadow p-4 mb-4 rounded-xl\">\n              <h3 class=\"text-lg font-semibold mb-2\">{{ post.title }}</h3>\n              <img :src=\"post.imageUrl\" :alt=\"post.title\" class=\"pb-2 w-full h-80 object-cover\">\n              <div class=\"flex justify-between items-center w-1/4\">\n                <button class=\"text-primary font-bold\">Like</button>\n                <button class=\"text-primary font-bold\">Comment</button>\n                <button class=\"text-primary font-bold\">Repost</button>\n                <button class=\"text-primary font-bold\">Send</button>\n              </div>\n            </div>\n          </div>\n        </main>\n\n        <!-- Right Sidebar -->\n        <aside class=\"w-64 bg-gray-100 p-4\">\n          <h2 class=\"text-lg font-semibold mb-4\">Add to your feed</h2>\n          <ul>\n            <li v-for=\"company in companies\" :key=\"company.id\" class=\"mb-4\">\n              <div class=\"flex items-center space-x-2\">\n                <img :src=\"company.logo\" :alt=\"company.name\" class=\"rounded-full h-10\">\n                <div>\n                  <h3 class=\"text-md font-semibold\">{{ company.name }}</h3>\n                  <button class=\"text-primary font-bold\">+ Follow</button>\n                </div>\n              </div>\n            </li>\n          </ul>\n        </aside>\n      </div>\n    </div>\n  </template>\n\n  <script setup lang=\"ts\">\n  import { ref } from 'vue';\n\n  interface Post {\n    id: number;\n    title: string;\n    imageUrl: string;\n  }\n\n  interface Company {\n    id: number;\n    name: string;\n    logo: string;\n  }\n\n  const suggestedPosts = ref<Post[]>([\n    { id: 1, title: \"Unitree's G1 Humanoid Agent\", imageUrl: \"/assets/images/house-with-white-roof-that-has-black-door.jpg\" },\n    { id: 2, title: \"Discover Jakarta\", imageUrl: \"/assets/images/jakarta.jpg\" },\n    { id: 3, title: \"Beautiful Apartment\", imageUrl: \"/assets/images/apartment 1.jpg\" },\n    { id: 4, title: \"Beautiful Apartment\", imageUrl: \"/assets/images/Apartment 4.jpg\" },\n    { id: 5, title: \"Beautiful Apartment\", imageUrl: \"/assets/images/apartment 2.jpg\" },\n    { id: 6, title: \"Beautiful Apartment\", imageUrl: \"/assets/images/Apartment 3.jpg\" },\n    { id: 7, title: \"Beautiful Apartment\", imageUrl: \"/assets/images/Apartment 4.jpg\" },\n  ]);\n\n  const companies = ref<Company[]>([\n    { id: 1, name: \"Hitachi Energy\", logo: \"/assets/images/profile-11.jpeg\" },\n    { id: 2, name: \"AWS Training & Certification\", logo: \"/assets/images/profile-35.png\" },\n    { id: 3, name: \"Freelancer Robin\", logo: \"/assets/images/profile-34.jpeg\" },\n    { id: 1, name: \"Hitachi Energy\", logo: \"/assets/images/profile-11.jpeg\" },\n    { id: 3, name: \"Freelancer Robin\", logo: \"/assets/images/profile-34.jpeg\" },\n    { id: 2, name: \"AWS Training & Certification\", logo: \"/assets/images/profile-35.png\" },\n\n  ]);\n  </script>\n\n  <style>\n\n  </style>\n\n  <style scoped>\n\n\n  </style>\n","import { defineStore } from 'pinia';\n\nexport const useChatStore = defineStore('chat', {\n  state: () => ({\n    messages: [] as Array<{ id: number; text: string; type: 'sent' | 'received' }>\n  }),\n\n  actions: {\n    addMessage(message: { id: number; text: string; type: 'sent' | 'received' }) {\n      this.messages.push(message);\n    },\n    addReply(reply: { id: number; text: string; type: 'sent' | 'received' }) {\n      this.messages.push(reply);\n    }\n  },\n\n  getters: {\n    getMessages: (state) => state.messages\n  }\n});\n","<template>\n    <TransitionRoot appear :show=\"isOpen\" as=\"template\">\n      <Dialog as=\"div\" class=\"relative z-50\" @close=\"close\">\n        <TransitionChild\n          as=\"template\"\n          enter=\"ease-out duration-300\"\n          enter-from=\"opacity-0\"\n          enter-to=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leave-from=\"opacity-100\"\n          leave-to=\"opacity-0\"\n        >\n          <DialogOverlay class=\"fixed inset-0 bg-black bg-opacity-50\" />\n        </TransitionChild>\n\n        <div class=\"fixed inset-0 overflow-y-auto\">\n          <div class=\"flex items-center justify-center min-h-full p-4 text-center\">\n            <TransitionChild\n              as=\"template\"\n              enter=\"ease-out duration-300\"\n              enter-from=\"opacity-0 scale-95\"\n              enter-to=\"opacity-100 scale-100\"\n              leave=\"ease-in duration-200\"\n              leave-from=\"opacity-100 scale-100\"\n              leave-to=\"opacity-0 scale-95\"\n            >\n              <DialogPanel class=\"w-full max-w-md p-6 rounded-2xl shadow-lg\" style=\"background-color: rgba(255, 255, 255, 0.8);\">\n                <div class=\"flex justify-between items-center\">\n                  <h3 class=\"text-lg font-medium text-gray-900\">Request Demo</h3>\n                  <button @click=\"close\" class=\"text-primary hover:text-gray-500\">\n                    <span class=\"sr-only\">Close</span>\n                    <i class=\"fas fa-times\"></i>\n                  </button>\n                </div>\n                <div class=\"mt-2\">\n                  <!-- <p class=\"text-sm text-gray-500\">\n                    Silahkan isi nomor WhatsApp anda untuk memulai percakapan dengan sales konsultan kami.\n                  </p> -->\n                </div>\n                <div class=\"mt-4\">\n                  <label for=\"email\" class=\"block text-start text-sm font-medium text-gray-700\">Email</label>\n                  <input\n                    type=\"text\"\n                    id=\"email\"\n                    placeholder=\"Masukkan Email Anda\"\n                    class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm\"\n                    v-model=\"email\"\n                  >\n                </div>\n                <div class=\"mt-4\">\n                  <label for=\"name\" class=\"block text-start text-sm font-medium text-gray-700\">Nama</label>\n                  <input\n                    type=\"text\"\n                    id=\"name\"\n                    placeholder=\"Masukkan nama Anda\"\n                    class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm\"\n                    v-model=\"name\"\n                  >\n                </div>\n                <div class=\"mt-4\">\n                  <label for=\"phone\" class=\"block text-start text-sm font-medium text-gray-700\">Nomor Telepon</label>\n                  <input\n                    type=\"text\"\n                    id=\"phone\"\n                    placeholder=\"Masukkan nomor telepon Anda\"\n                    class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm\"\n                    v-model=\"phone\"\n                  >\n                </div>\n                <div class=\"mt-6 flex justify-start\">\n                  <button\n                    @click=\"sendMessage\"\n                    class=\"px-4 py-2 w-56 text-white bg-primary rounded-md\"\n                  >\n                    <i class=\" mr-2\"></i> Request\n                  </button>\n                </div>\n              </DialogPanel>\n            </TransitionChild>\n          </div>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </template>\n\n  <script lang=\"ts\" setup>\n  import { ref } from 'vue';\n  import { Dialog, DialogOverlay, DialogPanel, TransitionRoot, TransitionChild } from '@headlessui/vue';\n  import { createCrmLeadPublic } from '~/server/api/apiService';\n  import { showMessage } from '~/utils/index';\n\n  const props = defineProps({\n    isOpen: {\n      type: Boolean,\n      required: true\n    }\n  });\n\n  const emit = defineEmits(['close']);\n\n  const name = ref('');\n  const phone = ref('');\n  const email = ref('');\n\n  const close = () => {\n    emit('close');\n  };\n\n  const sendMessage = async () => {\n    if (!name.value) {\n      showMessage('Nama wajib diisi', 'danger');\n      return;\n    }\n\n    if (!phone.value) {\n      showMessage('Nomor Telepon wajib diisi', 'danger');\n      return;\n    }\n    if (!email.value) {\n      showMessage('Email wajib diisi', 'danger');\n      return;\n    }\n\n    try {\n      const params = {\n        company_id: 1,\n        customer_id: 0,\n        email_from: email.value,\n        lead_id: 0,\n        name: name.value,\n        offset: 0,\n        limit: 0,\n        phone: phone.value,\n      };\n\n      const response = await createCrmLeadPublic(params);\n      console.log('Request Demo created:', response);\n\n      showMessage('Request Demo created.', 'success');\n\n      close();\n    } catch (error) {\n      console.error('Error creating Request Demo:', error);\n      showMessage('Failed to create Request Demo. Please try again.', 'danger');\n    }\n  }\n  </script>\n\n  <style scoped>\n  /* Custom styles here if needed */\n  </style>\n","<template>\n    <TransitionRoot appear :show=\"isOpen\" as=\"template\">\n      <Dialog as=\"div\" class=\"relative z-50\" @close=\"close\">\n        <TransitionChild\n          as=\"template\"\n          enter=\"ease-out duration-300\"\n          enter-from=\"opacity-0\"\n          enter-to=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leave-from=\"opacity-100\"\n          leave-to=\"opacity-0\"\n        >\n          <DialogOverlay class=\"fixed inset-0 bg-black bg-opacity-50\" />\n        </TransitionChild>\n\n        <div class=\"fixed inset-0 overflow-y-auto\">\n          <div class=\"flex items-center justify-center min-h-full p-4 text-center\">\n            <TransitionChild\n              as=\"template\"\n              enter=\"ease-out duration-300\"\n              enter-from=\"opacity-0 scale-95\"\n              enter-to=\"opacity-100 scale-100\"\n              leave=\"ease-in duration-200\"\n              leave-from=\"opacity-100 scale-100\"\n              leave-to=\"opacity-0 scale-95\"\n            >\n              <DialogPanel class=\"w-full max-w-md p-6 rounded-2xl shadow-lg\" style=\"background-color: rgba(255, 255, 255, 0.8);\">\n                <div class=\"flex justify-between items-center\">\n                  <h3 class=\"text-lg font-medium text-gray-900\">Try demo version</h3>\n                  <button @click=\"close\" class=\"text-primary hover:text-gray-500\">\n                    <span class=\"sr-only\">Close</span>\n                    <i class=\"fas fa-times\"></i>\n                  </button>\n                </div>\n                <div class=\"mt-2\">\n                  <p class=\"text-sm text-gray-500\">\n                    You can try the demo version by signing up below\n                  </p>\n                </div>\n                <div class=\"mt-4\">\n                  <label for=\"name\" class=\"block text-start text-sm font-medium text-gray-700\">Full name</label>\n                  <input\n                    type=\"text\"\n                    id=\"name\"\n                    placeholder=\"Your full name\"\n                    class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm\"\n                    v-model=\"name\"\n                  >\n                </div>\n                <div class=\"mt-4\">\n                  <label for=\"phone\" class=\"block text-start text-sm font-medium text-gray-700\">Phone number</label>\n                  <input\n                    type=\"text\"\n                    id=\"phone\"\n                    placeholder=\"Phone number\"\n                    class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm\"\n                    v-model=\"phone\"\n                  >\n                </div>\n                <div class=\"mt-4\">\n                  <label for=\"email\" class=\"block text-start text-sm font-medium text-gray-700\">E-mail</label>\n                  <input\n                    type=\"text\"\n                    id=\"email\"\n                    placeholder=\"Your E-mail\"\n                    class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm\"\n                    v-model=\"email\"\n                  >\n                </div>\n                <div class=\"mt-4\">\n                  <label for=\"password\" class=\"block text-start text-sm font-medium text-gray-700\">Password</label>\n                  <input\n                    type=\"password\"\n                    id=\"password\"\n                    placeholder=\"Password\"\n                    class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm\"\n                    v-model=\"password\"\n                  >\n                </div>\n                <div class=\"mt-4\">\n                  <label for=\"repassword\" class=\"block text-start text-sm font-medium text-gray-700\">Re-enter password</label>\n                  <input\n                    type=\"password\"\n                    id=\"repassword\"\n                    placeholder=\"Re-enter password\"\n                    class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm\"\n                    v-model=\"repassword\"\n                  >\n                </div>\n                <div class=\"mt-4\">\n                  <label for=\"company\" class=\"block text-start text-sm font-medium text-gray-700\">Company name</label>\n                  <input\n                    type=\"text\"\n                    id=\"company\"\n                    placeholder=\"Company name\"\n                    class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm\"\n                    v-model=\"company\"\n                  >\n                </div>\n                <div class=\"mt-4 flex items-center\">\n                  <input type=\"checkbox\" id=\"agree\" v-model=\"agree\" class=\"mr-2 mb-\">\n                  <label for=\"agree\" class=\"text-sm text-gray-700\">\n                    I've read and agree with <a href=\"#\" class=\"text-primary\">terms of service</a> and <a href=\"#\" class=\"text-primary\">privacy policy</a>\n                  </label>\n                </div>\n                <div class=\"mt-6 flex justify-start\">\n                  <button\n                    @click=\"sendMessage\"\n                    class=\"px-4 py-2 w-full text-white bg-primary rounded-md\"\n                    :disabled=\"loading\"\n                  >\n                  <span v-if=\"loading\">Loading...</span>\n                   <span v-else>Sign Up</span>\n                  </button>\n                </div>\n                <div class=\"mt-4 text-center\">\n                  <p class=\"text-sm text-gray-700\">Already have an account? <NuxtLink to=\"/auth/cover-login\" class=\"text-primary\">Sign in</NuxtLink></p>\n                </div>\n              </DialogPanel>\n            </TransitionChild>\n          </div>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </template>\n\n  <script lang=\"ts\" setup>\n  import { ref } from 'vue';\n  import { Dialog, DialogOverlay, DialogPanel, TransitionRoot, TransitionChild } from '@headlessui/vue';\n  import { createCrmLeadPublic, registerCompany } from '~/server/api/apiService';\n  import { showMessage } from '~/utils/index';\n\n  const props = defineProps({\n    isOpen: {\n      type: Boolean,\n      required: true\n    }\n  });\n\n  const emit = defineEmits(['close']);\n\n  const name = ref('');\n  const phone = ref('');\n  const email = ref('');\n  const password = ref('');\n  const repassword = ref('');\n  const company = ref('');\n  const agree = ref(false);\n  const loading = ref(false);\n\n  const close = () => {\n    emit('close');\n  };\n\n  const sendMessage = async () => {\n    if (!name.value) {\n      showMessage('Full name is required', 'danger');\n      return;\n    }\n\n    if (!phone.value) {\n      showMessage('Phone number is required', 'danger');\n      return;\n    }\n\n    if (!email.value) {\n      showMessage('Email is required', 'danger');\n      return;\n    }\n\n    if (!password.value) {\n      showMessage('Password is required', 'danger');\n      return;\n    }\n\n    if (password.value !== repassword.value) {\n      showMessage('Passwords do not match', 'danger');\n      return;\n    }\n\n    if (!company.value) {\n      showMessage('Company name is required', 'danger');\n      return;\n    }\n\n    if (!agree.value) {\n      showMessage('You must agree to the terms of service and privacy policy', 'danger');\n      return;\n    }\n\n    try {\n        loading.value = true;\n        const params = {\n            city: \"\", // Or fetch from a form input if available\n            company_name: company.value,\n            name: name.value,\n            company_registry: name.value, // Or fetch from a form input if available\n            country_id: 100, // Replace with actual country ID\n            date_register: new Date().toISOString().split('T')[0], // Current date in YYYY-MM-DD format\n            email: email.value,\n            is_trial_mode: true, // Or fetch from a form input if available\n            mobile: phone.value,\n            password: password.value,\n            phone: phone.value,\n            state_id: 0, // Replace with actual state ID\n            street: \"\", // Or fetch from a form input if available\n            street2: \"\", // Or fetch from a form input if available\n            vat: \"\", // Or fetch from a form input if available\n            website: \"\", // Or fetch from a form input if available\n            zip: \"\" // Or fetch from a form input if available\n        };\n      const response = await registerCompany(params);\n      console.log('Request Demo created:', response);\n\n      showMessage('Request Demo created.', 'success');\n\n      close();\n    } catch (error) {\n      loading.value = false;\n      console.error('Error creating Request Demo:', error);\n      showMessage('Failed to create Request Demo. Please try again.', 'danger');\n    }finally{\n        loading.value = false;\n    }\n  }\n  </script>\n\n  <style scoped>\n  /* Custom styles here if needed */\n  </style>\n","// stores/productStore.ts\nimport { defineStore } from 'pinia';\nimport Cookies from 'universal-cookie';\n\nconst cookies = new Cookies();\n\nexport const useProductStore = defineStore('product', {\n  state: () => ({\n    categId: '',\n    companyId: '',\n    detailedType: '',\n    displayName: '',\n    id: 0,\n    listPackage: '',\n    lstPrice: 0,\n    productVariantImageIds: false,\n    recurringInvoice: false,\n    saleOk: false,\n    taxesId: false,\n    typeSubscribe: '',\n    userCount: 0,\n    features: [] as string[]\n  }),\n\n  actions: {\n    setProduct(productData: {\n      categ_id: string;\n      company_id: string;\n      detailed_type: string;\n      display_name: string;\n      id: number;\n      list_package: string;\n      lst_price: number;\n      product_variant_image_ids: boolean;\n      recurring_invoice: boolean;\n      sale_ok: boolean;\n      taxes_id: boolean;\n      type_subscribe: string;\n      user_count: number;\n      features: string[];\n    }) {\n      this.categId = productData.categ_id;\n      this.companyId = productData.company_id;\n      this.detailedType = productData.detailed_type;\n      this.displayName = productData.display_name;\n      this.id = productData.id;\n      this.listPackage = productData.list_package;\n      this.lstPrice = productData.lst_price;\n      this.productVariantImageIds = productData.product_variant_image_ids;\n      this.recurringInvoice = productData.recurring_invoice;\n      this.saleOk = productData.sale_ok;\n      this.taxesId = productData.taxes_id;\n      this.typeSubscribe = productData.type_subscribe;\n      this.userCount = productData.user_count;\n      this.features = productData.features;\n      this.persistProduct();\n    },\n\n    clearProduct() {\n      this.categId = '';\n      this.companyId = '';\n      this.detailedType = '';\n      this.displayName = '';\n      this.id = 0;\n      this.listPackage = '';\n      this.lstPrice = 0;\n      this.productVariantImageIds = false;\n      this.recurringInvoice = false;\n      this.saleOk = false;\n      this.taxesId = false;\n      this.typeSubscribe = '';\n      this.userCount = 0;\n      this.features = [];\n      this.persistProduct();\n    },\n\n    persistProduct() {\n      const productData = {\n        categ_id: this.categId,\n        company_id: this.companyId,\n        detailed_type: this.detailedType,\n        display_name: this.displayName,\n        id: this.id,\n        list_package: this.listPackage,\n        lst_price: this.lstPrice,\n        product_variant_image_ids: this.productVariantImageIds,\n        recurring_invoice: this.recurringInvoice,\n        sale_ok: this.saleOk,\n        taxes_id: this.taxesId,\n        type_subscribe: this.typeSubscribe,\n        user_count: this.userCount,\n        features: this.features\n      };\n      const productDataString = JSON.stringify(productData);\n      cookies.set('productStore', productDataString, { path: '/' });\n    },\n\n    loadProduct() {\n      return new Promise<void>((resolve) => {\n        const productData = cookies.get('productStore');\n        if (productData) {\n          try {\n            const parsedData = typeof productData === 'string' ? JSON.parse(productData) : productData;\n            this.categId = parsedData.categ_id;\n            this.companyId = parsedData.company_id;\n            this.detailedType = parsedData.detailed_type;\n            this.displayName = parsedData.display_name;\n            this.id = parsedData.id;\n            this.listPackage = parsedData.list_package;\n            this.lstPrice = parsedData.lst_price;\n            this.productVariantImageIds = parsedData.product_variant_image_ids;\n            this.recurringInvoice = parsedData.recurring_invoice;\n            this.saleOk = parsedData.sale_ok;\n            this.taxesId = parsedData.taxes_id;\n            this.typeSubscribe = parsedData.type_subscribe;\n            this.userCount = parsedData.user_count;\n            this.features = parsedData.features;\n          } catch (error) {\n            console.error('Failed to parse product data from cookies:', error);\n            this.clearProduct();\n          }\n        }\n        resolve();\n      });\n    },\n\n    signOut() {\n      this.clearProduct();\n      cookies.remove('productStore', { path: '/' });\n    }\n  },\n\n  getters: {\n    getProduct: (state) => ({\n      categId: state.categId,\n      companyId: state.companyId,\n      detailedType: state.detailedType,\n      displayName: state.displayName,\n      id: state.id,\n      listPackage: state.listPackage,\n      lstPrice: state.lstPrice,\n      productVariantImageIds: state.productVariantImageIds,\n      recurringInvoice: state.recurringInvoice,\n      saleOk: state.saleOk,\n      taxesId: state.taxesId,\n      typeSubscribe: state.typeSubscribe,\n      userCount: state.userCount,\n      features: state.features\n    })\n  }\n});\n","<template>\n    <TransitionRoot appear :show=\"isOpen\" as=\"template\">\n      <Dialog as=\"div\" class=\"relative z-50\" @close=\"close\">\n        <TransitionChild\n          as=\"template\"\n          enter=\"ease-out duration-300\"\n          enter-from=\"opacity-0\"\n          enter-to=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leave-from=\"opacity-100\"\n          leave-to=\"opacity-0\"\n        >\n          <DialogOverlay class=\"fixed inset-0 bg-black bg-opacity-50\" />\n        </TransitionChild>\n\n        <div class=\"fixed inset-0 overflow-y-auto\">\n          <div class=\"flex items-center justify-center min-h-full p-4 text-center\">\n            <TransitionChild\n              as=\"template\"\n              enter=\"ease-out duration-300\"\n              enter-from=\"opacity-0 scale-95\"\n              enter-to=\"opacity-100 scale-100\"\n              leave=\"ease-in duration-200\"\n              leave-from=\"opacity-100 scale-100\"\n              leave-to=\"opacity-0 scale-95\"\n            >\n              <DialogPanel class=\"w-full max-w-4xl p-6 bg-white rounded-2xl shadow-lg\">\n                <div class=\"flex justify-between items-center mb-4\">\n                  <h3 class=\"text-lg font-medium text-gray-900\">Complete your order</h3>\n                  <button @click=\"close\" class=\"text-primary hover:text-gray-500\">\n                    <span class=\"sr-only\">Close</span>\n                    <i class=\"fas fa-times\"></i>\n                  </button>\n                </div>\n                <p class=\"text-sm text-start text-gray-500\">Get all access and an extra 20% off when you subscribe annually</p>\n\n                <div class=\"grid grid-cols-2 gap-4 mt-4\">\n                  <div>\n                    <label for=\"membership\" class=\"block text-start text-sm font-medium text-gray-700\">Membership type</label>\n                    <select id=\"membership\" class=\"mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm\">\n                      <option>Agency Plus</option>\n                    </select>\n                    <div class=\"text-sm text-gray-500 mt-5\">\n                      <p class=\"text-start\">For most businesses that want to optimize web queries</p>\n                      <ul  class=\"mt-2 space-y-1\">\n                        <li  v-for=\"feature in productStore.listPackage.split('\\n')\" :key=\"feature\"  class=\"flex items-center\">\n                          <i class=\"fas fa-check-circle text-primary mr-2\"></i> {{ feature }}\n                        </li>\n\n                      </ul>\n                    </div>\n                  </div>\n\n                  <div class=\"mt-0\">\n                    <label class=\"block text-start text-sm font-medium text-gray-700\">Payment method</label>\n                    <div class=\"mt-2 space-y-2\">\n                      <div v-for=\"method in displayedPaymentMethods\" :key=\"method.id\" :class=\"['flex items-center bg-gray-100 py-2 px-2 rounded-xl', { 'border-2 border-primary': selectedPaymentMethod === method.code }]\">\n                        <input  v-model=\"selectedPaymentMethod\" type=\"radio\" :id=\"method.code\" name=\"payment\" :value=\"method.code\" class=\"form-radio text-primary\">\n                        <label :for=\"method.code\" class=\"ml-2 flex items-center\">\n                          {{ method.display_name }} <img :src=\"'data:image/png;base64,' + method.image\" :alt=\"method.display_name + ' logo'\" class=\"ml-2 h-4\">\n                        </label>\n                      </div>\n                      <button v-if=\"showMoreButton\" @click=\"toggleShowMore\" class=\"text-primary underline\">{{ showAllMethods ? 'Show less' : 'Show more' }}</button>\n                    </div>\n                  </div>\n                </div>\n\n                <div class=\"text-start mt-4 text-xl font-bold text-gray-900\">\n                  {{formatPrice(productStore.lstPrice)}} /{{formatDate(productStore.typeSubscribe)}}\n                </div>\n\n                <div class=\"mt-4 text-start\">\n                  <a href=\"#\" class=\"text-primary underline\">Details</a>\n                </div>\n\n                <div class=\"mt-6 flex justify-end\">\n                  <button @click=\"proceedToPayment\" class=\"w-1/2 px-4 py-2 text-white bg-primary rounded-md\">\n                    Proceed to Payment\n                  </button>\n                </div>\n              </DialogPanel>\n            </TransitionChild>\n          </div>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </template>\n\n  <script lang=\"ts\" setup>\n  import { ref, computed, onMounted } from 'vue';\n  import { Dialog, DialogOverlay, DialogPanel, TransitionRoot, TransitionChild } from '@headlessui/vue';\n  import { getPaymentMethod } from '~/server/api/apiService';\n  import { useProductStore } from '@/stores/productStore';\n  import { formatPrice, formatDate } from '@/utils/numberFormat';\n\n  const productStore = useProductStore();\n  const paymentMethods = ref([]);\n  const showAllMethods = ref(false);\n  const productSelected = ref({});\n  const selectedPaymentMethod = ref(null);\n  const props = defineProps({\n    isOpen: {\n      type: Boolean,\n      required: true\n    },\n    product: {\n        type: Object,\n        required: true\n    }\n  });\n\n\n  onMounted(async() => {\n    await productStore.loadProduct()\n    console.log('productStore',JSON.stringify(productStore))\n    await fetchPaymentMethod();\n  });\n\n  const emit = defineEmits(['close']);\n\n  const close = () => {\n    emit('close');\n  };\n\n  const proceedToPayment = () => {\n    // Handle payment process\n  };\n\n  const fetchPaymentMethod = async () => {\n    try {\n      const response = await getPaymentMethod({\n        company_id: 0,\n        limit: 0,\n        offset: 0,\n        name: '',\n        midtrans_value: '',\n        payment_method_id: 0,\n      });\n      productSelected.value = props.product\n      console.log('Product received in modal:', props.product);\n      paymentMethods.value = response.data;\n      // Debugging log\n    } catch (error) {\n      console.error('Failed to fetch payment methods:', error);\n    }\n  };\n\n  const displayedPaymentMethods = computed(() => {\n    return showAllMethods.value ? paymentMethods.value : paymentMethods.value.slice(0, 6);\n  });\n\n  const showMoreButton = computed(() => {\n    return paymentMethods.value.length > 6;\n  });\n\n  const toggleShowMore = () => {\n    showAllMethods.value = !showAllMethods.value;\n  };\n  </script>\n\n  <style scoped>\n  /* Custom styles to match the design */\n  .form-radio {\n    border-radius: 50%;\n    border: 1px solid #d1d5db; /* Example border color */\n    width: 16px;\n    height: 16px;\n  }\n\n  .form-radio:checked {\n    border: 6px solid primary; /* Example checked color */\n  }\n  </style>\n","<template>\n    <div>\n        <button @click=\"toggleChat\" class=\"fixed bottom-16 right-4 bg-primary text-white py-2 px-4 rounded-full shadow-lg hover:bg-primary-dark focus:outline-none z-50\">\n            Chat with us\n        </button>\n\n        <!-- Chat UI -->\n        <div v-if=\"isChatOpen\" class=\"fixed bottom-16 right-4 w-80 h-96 bg-white border border-gray-300 rounded-lg shadow-lg flex flex-col z-50\">\n            <div class=\"flex justify-between items-center p-4 bg-primary text-white rounded-t-lg\">\n                <h3 class=\"text-lg font-semibold\">Chat</h3>\n                <button @click=\"toggleChat\" class=\"text-white hover:text-gray-200\">&times;</button>\n            </div>\n            <div class=\"flex-1 p-4 overflow-y-auto\">\n                <div v-for=\"message in chatMessages\" :key=\"message.id\" class=\"mb-2 flex\" :class=\"message.type === 'sent' ? 'justify-end' : 'justify-start'\">\n                    <p :class=\"message.type === 'sent' ? 'bg-blue-500 text-white' : 'bg-gray-200 text-gray-700' \" class=\"p-2 rounded-lg max-w-xs\">\n                        {{ message.text }}\n                    </p>\n                </div>\n            </div>\n            <div class=\"p-4 border-t border-gray-300\">\n                <input type=\"text\" v-model=\"newMessage\" @keypress.enter=\"sendMessage\" class=\"w-full p-2 border border-gray-300 rounded\" placeholder=\"Type your message...\">\n            </div>\n        </div>\n\n        <div id=\"modules\">\n            <Hero @open-modal=\"openModal\" @open-modal-demo=\"openModalDemo\"  />\n        </div>\n        <!-- <div id=\"modules\">\n            <ModulesComponent />\n        </div>\n        <div id=\"\">\n            <MyTeamComponent  />\n        </div>\n        <div id=\"pricing\">\n            <PricingComponent @open-modal-payment=\"openModalPayment\" />\n        </div>\n        <div id=\"faq\">\n            <FaqComponent />\n        </div> -->\n\n        <RequestDemoModal :isOpen=\"isModalOpen\" @close=\"closeModal\" />\n        <TryDemoModal :isOpen=\"isModalOpenDemo\" @close=\"closeModalDemo\" />\n        <PaymentModal  :isOpen=\"isModalOpenPayment\" @close=\"closeModalPayment\" />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, onMounted, nextTick } from 'vue';\nimport { getAgencyList } from '~/server/api/apiService';\nimport { useAppStore } from '@/stores/index';\nimport { useAuthStore } from '@/stores/authStore';\nimport { useChatStore } from '@/stores/chatStore';\nimport RequestDemoModal from \"~/components/b2c/RequestDemoModal.vue\";\nimport TryDemoModal from \"~/components/b2c/TryDemoModal.vue\";\nimport PaymentModal from \"~/components/b2c/PaymentModal.vue\";\nimport { useProductStore } from '@/stores/productStore';\n\nconst productStore = useProductStore();\nconst chatStore = useChatStore();\nconst chatMessages = computed(() => chatStore.getMessages);\n\nconst addMessage = (message: { id: number, text: string, type: 'sent' | 'received' }) => {\n    chatStore.addMessage(message);\n};\n\nconst addReply = (reply: { id: number, text: string, type: 'sent' | 'received' }) => {\n    chatStore.addReply(reply);\n};\n\n\nconst authStore = useAuthStore();\nconst isModalOpen = ref(false);\nconst isModalOpenDemo = ref(false);\nconst isModalOpenPayment = ref(false);\nconst isChatOpen = ref(false);\nconst newMessage = ref('');\nconst selectedProduct = ref({});\n\n\nconst openModal = () => {\n    isModalOpen.value = true;\n};\nconst openModalDemo = () => {\n    isModalOpenDemo.value = true;\n};\nconst openModalPayment = (product:any) => {\n    selectedProduct.value = product\n    productStore.setProduct(product);\n    isModalOpenPayment.value = true;\n};\n\n\nconst closeModal = () => {\n    isModalOpen.value = false;\n};\nconst closeModalDemo = () => {\n    isModalOpenDemo.value = false;\n};\n\nconst closeModalPayment = () => {\n    isModalOpenPayment.value = false;\n};\nconst toggleChat = () => {\n    isChatOpen.value = !isChatOpen.value;\n};\n\nconst sendMessage = () => {\n    if (newMessage.value.trim()) {\n        const message = {\n            id: Date.now(),\n            text: newMessage.value,\n            type: 'sent'\n        };\n        addMessage(message);\n        newMessage.value = '';\n\n        // Simulate a reply from the system after a delay\n        setTimeout(() => {\n            const reply = {\n                id: Date.now() + 1,\n                text: 'This is an automated reply.',\n                type: 'received'\n            };\n            addReply(reply);\n        }, 1000);\n    }\n};\n\ndefinePageMeta({\n    layout: 'home-layout',\n});\n\nif(authStore.partnerName){\n    // navigateTo('/admin')\n}\n\nconst agencies = ref<any[]>([]);\n\nconst fetchAgencies = async () => {\n    try {\n        const params = {\n            company_id: 1,\n            country_id: 2,\n            limit: 10,\n            name: 'Example Agency',\n            offset: 0,\n            state_id: 3,\n        };\n        const response = await getAgencyList(params);\n        agencies.value = response;\n    } catch (error) {\n        console.error('Failed to fetch agencies', error);\n    }\n};\n\nonMounted(() => {\n    nextTick(() => {\n        window.dispatchEvent(new Event('resize'));\n    });\n    fetchAgencies();\n});\n\n// revenue chart configuration...\n\n</script>\n\n<style scoped>\n.fixed {\n    position: fixed;\n}\n.bottom-16 {\n    bottom: 4rem;\n}\n.right-4 {\n    right: 1rem;\n}\n.rounded-full {\n    border-radius: 9999px;\n}\n.rounded-lg {\n    border-radius: 0.5rem;\n}\n.shadow-lg {\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n.hover\\:bg-primary-dark:hover {\n    /* background-color: primary; */\n}\n.focus\\:outline-none:focus {\n    outline: 0;\n}\n.z-50 {\n    z-index: 50;\n}\n.text-blue-600 {\n    color: #1d4ed8;\n}\n.text-gray-700 {\n    color: #374151;\n}\n</style>\n"],"names":["suggestedPosts","ref","companies","useChatStore","defineStore","message","reply","state","emit","__emit","name","phone","email","close","sendMessage","showMessage","params","response","createCrmLeadPublic","error","password","repassword","company","agree","loading","registerCompany","cookies","Cookies","useProductStore","productData","productDataString","resolve","parsedData","productStore","paymentMethods","showAllMethods","productSelected","selectedPaymentMethod","props","__props","onMounted","fetchPaymentMethod","proceedToPayment","getPaymentMethod","displayedPaymentMethods","computed","showMoreButton","toggleShowMore","chatStore","chatMessages","addMessage","addReply","authStore","useAuthStore","isModalOpen","isModalOpenDemo","isModalOpenPayment","isChatOpen","newMessage","openModal","openModalDemo","closeModal","closeModalDemo","closeModalPayment","toggleChat","agencies","fetchAgencies","getAgencyList","nextTick"],"mappings":"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"}