import type { Settings } from './generated-types'
import type { BrowserDestinationDefinition } from '@segment/browser-destination-runtime/types'
import { browserDestination } from '@segment/browser-destination-runtime/shim'
import send from './send'
import { initScript } from './functions'
import { FBClient, FBClientParamBuilder, LDU } from './types'
import { defaultValues } from '@segment/actions-core'

declare global {
  interface Window {
    fbq: FBClient,
    _fbq: FBClient
    clientParamBuilder: FBClientParamBuilder | undefined
  }
}

export const destination: BrowserDestinationDefinition<Settings, { fbq: FBClient, clientParamBuilder: FBClientParamBuilder | undefined }> = {
  name: 'Facebook Conversions Api Web',
  slug: 'actions-facebook-conversions-api-web',
  mode: 'device',
  description: 'Send events to Facebook Conversions API from the browser.',
  settings: {
    pixelId: {
      description: 'The Pixel ID associated with your Facebook Pixel.',
      label: 'Pixel ID',
      type: 'string',
      required: true  
    },
    disablePushState: {
      description: "If set to true, prevents Facebook Pixel from sending PageView events on history state changes. Set to true if you want to trigger PageView events manually via the pageView Action.",
      label: 'Disable Push State',
      type: 'boolean',
      default: false
    },
    disableAutoConfig: {
      description: "Control whether Facebook’s Meta Pixel automatically collects additional page and button data to optimize ads and measurement. When this toggle is on, Auto Config is disabled and only basic pixel tracking will occur. Turning it off enables Auto Config, allowing the Pixel to automatically send page metadata and button interactions to improve ad delivery and reporting.",
      label: 'Disable Auto Config',
      type: 'boolean',
      default: true
    },
    disableFirstPartyCookies: {
      description: "Control whether Facebook’s Meta Pixel uses first-party cookies. When this toggle is on, first-party cookies are disabled, enhancing user privacy. Turning it off enables the use of first-party cookies for more accurate tracking.",
      label: 'Disable First Party Cookies',
      type: 'boolean',
      default: false
    },
    agent: {
      description: 'Specifies the agent to use when sending events.',
      label: 'Agent',
      type: 'string',
      default: 'segment'
    },
    ldu: {
      label: 'Limited Data User (LDU)',
      description: 'Specify if and how Limited Data Use should apply.',
      type: 'string',
      required: true,
      choices: [
        { label: 'LDU disabled', value: LDU.Disabled.key},
        { label: "LDU enabled - Use Meta Geolocation Logic", value: LDU.GeolocationLogic.key },
        { label: 'LDU enabled - California only', value: LDU.California.key },
        { label: 'LDU enabled - Colorado only', value: LDU.Colorado.key },
        { label: 'LDU enabled - Connecticut only', value: LDU.Connecticut.key },
        { label: 'LDU enabled - Florida only', value: LDU.Florida.key },
        { label: 'LDU enabled - Oregon only', value: LDU.Oregon.key },
        { label: 'LDU enabled - Texas only', value: LDU.Texas.key },
        { label: 'LDU enabled - Montana only', value: LDU.Montana.key },
        { label: 'LDU enabled - Delaware only', value: LDU.Delaware.key },
        { label: 'LDU enabled - Nebraska only', value: LDU.Nebraska.key },
        { label: 'LDU enabled - New Hampshire only', value: LDU.NewHampshire.key },
        { label: 'LDU enabled - New Jersey only', value: LDU.NewJersey.key },
        { label: 'LDU enabled - Minnesota only', value: LDU.Minnesota.key }
      ],
      default: LDU.Disabled.key
    }, 
    formatUserDataWithParamBuilder: {
      description: 'If enabled, uses Facebook’s Parameter Builder library to help ensure that User Data values are properly formatted before being sent to Facebook.',
      label: 'Format User Data with Parameter Builder',
      type: 'boolean',
      default: true
    }
  },
  initialize: async ({ settings, analytics }, deps) => {
    const { formatUserDataWithParamBuilder } = settings
    initScript(settings, analytics)
    await deps.resolveWhen(() => typeof window.fbq === 'function', 100)
    if(formatUserDataWithParamBuilder){
      const script = `https://capi-automation.s3.us-east-2.amazonaws.com/public/client_js/capiParamBuilder/clientParamBuilder.bundle.js`
      await deps.loadScript(script)
      await deps.resolveWhen(() => typeof window.clientParamBuilder === 'object', 100)
    }
    return { fbq: window.fbq, clientParamBuilder: window.clientParamBuilder || undefined }
  },
  actions: {
    send
  },
  presets: [
    {
      name: 'AddPaymentInfo',
      subscribe: 'event = "Payment Info Entered"',
      partnerAction: 'send',
      mapping: 
      { 
        ...defaultValues(send.fields),
        event_config: {
          event_name: 'AddPaymentInfo',
          show_fields: false
        }
      },
      type: 'automatic'
    },
    {
      name: 'AddToCart',
      subscribe: 'event = "Product Added"',
      partnerAction: 'send',
      mapping: 
      { 
        ...defaultValues(send.fields),
        event_config: {
          event_name: 'AddToCart',
          show_fields: false
        },
        contents: {
          id: { '@path': '$.properties.product_id' },
          quantity: { '@path': '$.properties.quantity' },
          item_price: { '@path': '$.properties.price' }
        },
        content_ids: { '@path': '$.properties.product_id' },
        value: { '@path': '$.properties.price' }
      },
      type: 'automatic'
    },    
    {
      name: 'AddToWishlist',
      subscribe: 'event = "Product Added To Wishlist"',
      partnerAction: 'send',
      mapping: 
      { 
        ...defaultValues(send.fields),
        event_config: {
          event_name: 'AddToWishlist',
          show_fields: false
        },
        contents: {
          id: { '@path': '$.properties.product_id' },
          quantity: { '@path': '$.properties.quantity' },
          item_price: { '@path': '$.properties.price' }
        },
        content_ids: { '@path': '$.properties.product_id' },
        value: { '@path': '$.properties.price' }
      },
      type: 'automatic'
    },
    {
      name: 'CompleteRegistration',
      subscribe: 'event = "Signed Up"',
      partnerAction: 'send',
      mapping: 
      { 
        ...defaultValues(send.fields),
        event_config: {
          event_name: 'CompleteRegistration',
          show_fields: false
        }
      },
      type: 'automatic'
    }, 
    {
      name: 'InitiateCheckout',
      subscribe: 'event = "Checkout Started"',
      partnerAction: 'send',
      mapping: 
      { 
        ...defaultValues(send.fields),
        event_config: {
          event_name: 'InitiateCheckout',
          show_fields: false
        }
      },
      type: 'automatic'
    },
    {
      name: 'PageView',
      subscribe: 'type = "page"',
      partnerAction: 'send',
      mapping: {
        ...defaultValues(send.fields),
        event_config: {
          event_name: 'PageView',
          show_fields: false
        },
        content_name: { '@path': '$.name' },
        content_category: { '@path': '$.category' }
      },
      type: 'automatic'
    },
    {
      name: 'Purchase',
      subscribe: 'event = "Order Completed"',
      partnerAction: 'send',
      mapping: 
      { 
        ...defaultValues(send.fields),
        event_config: {
          event_name: 'Purchase',
          show_fields: false
        },
        value: { '@path': '$.properties.revenue' }, 
        custom_data: {
          order_id: { '@path': '$.properties.order_id' }
        }
      },
      type: 'automatic'
    },
    {
      name: 'Search',
      subscribe: 'event = "Products Searched"',
      partnerAction: 'send',
      mapping: 
      { 
        ...defaultValues(send.fields),
        event_config: {
          event_name: 'Search',
          show_fields: false
        },
        contents: {
          id: { '@path': '$.properties.product_id' },
          quantity: { '@path': '$.properties.quantity' },
          item_price: { '@path': '$.properties.price' }
        },
        content_ids: { '@path': '$.properties.product_id' }
      },
      type: 'automatic'
    },
    {
      name: 'ViewContent',
      subscribe: 'event = "Product Viewed"',
      partnerAction: 'send',
      mapping: 
      { 
        ...defaultValues(send.fields),
        event_config: {
          event_name: 'ViewContent',
          show_fields: false
        },
        contents: {
          id: { '@path': '$.properties.product_id' },
          quantity: { '@path': '$.properties.quantity' },
          item_price: { '@path': '$.properties.price' }
        }, 
        content_ids: { '@path': '$.properties.product_id' },
        value: { '@path': '$.properties.price' }
      },
      type: 'automatic'
    }
  ]
}

export default browserDestination(destination)