');\n break;\n case 'checkout':\n el = document.querySelector('.woocommerce-mini-cart__buttons .checkout');\n $(el).after('');\n break;\n\n }\n if (el) {\n return document.getElementById('wc-ppcp-minicart-msg');\n }\n return document.querySelector('.woocommerce-mini-cart__total');\n }\n\n showContainer(container) {\n $(container).show();\n }\n\n hideMessage(container) {\n $(container).hide();\n }\n\n getTotal() {\n return this.cart.getTotal();\n }\n\n getPlacement() {\n return 'cart';\n }\n}\n\nconst queryParams = getPayPalQueryParams();\n\nloadPayPalSdk(queryParams).then(paypal => {\n new PayLaterMessageMiniCart(paypal, cart, {queryParams});\n}).catch(error => {\n});","import $ from 'jquery';\nimport PayLaterBaseMessage from \"./base\";\nimport Product from '@ppcp/product';\nimport {loadPayPalSdk, getPayPalQueryParams} from \"@ppcp/utils\";\n\nclass PayLaterMessageProduct extends PayLaterBaseMessage {\n\n constructor(paypal, product, props) {\n super('product', props);\n this.paypal = paypal;\n this.product = product;\n this.initialize();\n }\n\n initialize() {\n this.product.on('quantityChange', this.onQuantityChange.bind(this));\n this.product.on('foundVariation', this.onFoundVariation.bind(this));\n this.product.on('resetVariation', this.onResetVariation.bind(this));\n super.initialize();\n }\n\n onQuantityChange(qty) {\n this.createMessage();\n }\n\n onFoundVariation(changed) {\n this.createMessage();\n }\n\n onResetVariation(product) {\n this.createMessage();\n }\n\n getMessageContainer() {\n const el = document.getElementById('wc-ppcp-paylater-msg-product');\n if (!el) {\n $('form.checkout .shop_table').after('');\n }\n return document.getElementById('wc-ppcp-paylater-msg-product');\n }\n\n getTotal() {\n return this.product.getTotal();\n }\n\n getPlacement() {\n return 'product';\n }\n}\n\nconst queryParams = getPayPalQueryParams();\nloadPayPalSdk(queryParams).then(paypal => {\n new PayLaterMessageProduct(paypal, new Product(), {queryParams});\n}).catch(error => {\n\n})\n\nexport default PayLaterMessageProduct;\nexport {PayLaterMessageProduct};","import $ from 'jquery';\nimport {loadPayPalSdk, getPayPalQueryParams, getSetting} from \"@ppcp/utils\";\nimport PayLaterBaseMessage from \"./base\";\n\n\nclass PayLaterMessageShop extends PayLaterBaseMessage {\n\n constructor() {\n super('shop', {queryParams: getPayPalQueryParams()});\n this.data = getSetting('payLaterMessage');\n this.initialize();\n }\n\n initialize() {\n loadPayPalSdk(getPayPalQueryParams());\n }\n\n getValidProductTypes() {\n return this.data.shop.product_types;\n }\n\n isSupportedProduct(type) {\n return this.getValidProductTypes().includes(type);\n }\n\n createMessage() {\n for (const product of this.data.shop.products) {\n if (this.isSupportedProduct(product.product_type)) {\n this.currentProduct = product;\n super.createMessage();\n }\n }\n }\n\n getMessageContainer() {\n const el = document.getElementById(`wc-ppcp-paylater-msg-${this.currentProduct.id}`);\n if (!el) {\n if (this.isBelowPrice()) {\n $(`.post-${this.currentProduct.id} .price`).after(``);\n } else {\n $(`.post-${this.currentProduct.id} a.button`).after(``);\n }\n }\n return document.getElementById(`wc-ppcp-paylater-msg-${this.currentProduct.id}`);\n }\n\n getTotal() {\n return this.currentProduct.total;\n }\n\n getPlacement() {\n return 'category';\n }\n\n isBelowPrice() {\n return this.data.shop.msgLocation === 'below_price';\n }\n\n showContainer(container) {\n $(container).show();\n }\n\n hideMessage(container) {\n $(container).hide();\n }\n\n}\n\nnew PayLaterMessageShop();\n\n","import $ from 'jquery';\nimport apiFetch from \"@wordpress/api-fetch\";\nimport {defaultHooks} from \"@wordpress/hooks\";\nimport {\n loadPayPalSdk,\n getFieldValue,\n isValidAddress,\n extractShippingMethod,\n getRestRoute,\n getRestPath,\n convertPayPalAddressToCart,\n fieldsToJson,\n extractFullName,\n getSetting,\n setFieldValue,\n isValid,\n isValidFieldValue,\n getPayPalQueryParams,\n getErrorMessage\n} from \"@ppcp/utils\";\nimport {isEmpty} from \"lodash\";\n\nclass BaseGateway {\n\n constructor({id, context, container = null}) {\n this.id = id;\n this.buttons = {};\n this.actions = {};\n this.context = context;\n this.settings = getSetting(`${id}_data`);\n this.container = container ? container : `li.payment_method_${id}`;\n this.order_field_key = `${this.id}_paypal_order_id`;\n this.billing_token_key = `${this.id}_billing_token`;\n }\n\n initialize() {\n //load the paypal script\n this.loadPayPalScript().then(() => {\n // setup required events;\n this.initializeEvents();\n // render the button\n this.createButton();\n });\n }\n\n initializeEvents() {\n\n }\n\n isActive() {\n return this.getData() !== null;\n }\n\n /**\n * Loads the PayPal JS SDK\n */\n loadPayPalScript() {\n return new Promise((resolve, reject) => {\n loadPayPalSdk(this.getPayPalSDKArgs()).then(paypal => {\n this.paypal = paypal;\n resolve();\n }).catch(error => {\n console.log(error);\n if (error?.code) {\n this.submitError(getErrorMessage(error));\n }\n reject();\n })\n })\n }\n\n /**\n * Returns params used to laod the PayPal SDK\n * @returns {{}}\n */\n getPayPalSDKArgs() {\n return getPayPalQueryParams();\n }\n\n getClientId() {\n let {clientId = null, environment} = getSetting('generalData');\n if (!clientId && environment == 'sandbox') {\n clientId = 'sb';\n }\n return clientId;\n }\n\n getData() {\n let data = $(`${this.container}`).find('.wc-ppcp-payment-method-data').data('payment-method-data');\n if (!data) {\n return null;\n }\n return data;\n }\n\n setData(data) {\n $(`${this.container}`).find('.wc-ppcp-payment-method-data').data('payment-method-data', data);\n }\n\n setOption(key, value) {\n const data = this.getData();\n if (data) {\n data[key] = value;\n this.setData(data);\n }\n }\n\n setVariable(key, value) {\n const data = getSetting(`${this.id}_data`);\n data[key] = value;\n }\n\n getVariable(key, defaultValue = null) {\n const data = getSetting(`${this.id}_data`);\n if (data.hasOwnProperty(key)) {\n return data[key];\n }\n if (defaultValue) {\n this.setVariable(key, defaultValue);\n }\n return defaultValue;\n }\n\n /**\n * Fetches an option from the payment method data object.\n * @param key\n * @param defaultValue\n * @returns {null|*}\n */\n getOption(key, defaultValue = null) {\n const data = this.getData();\n if (data.hasOwnProperty(key)) {\n return data[key];\n } else {\n if (defaultValue) {\n this.setOption(key, defaultValue);\n }\n }\n return defaultValue;\n }\n\n createButton() {\n const container = this.getButtonContainer();\n if (container && !$(container).find('.paypal-buttons').length) {\n this.getSortedFunding(this.getFunding()).forEach(source => {\n const button = this.paypal.Buttons(this.getButtonOptions(source));\n this.buttons[source] = button;\n if (button.isEligible()) {\n if (container instanceof NodeList) {\n for (const node of container) {\n button.render(node);\n }\n } else {\n button.render(container);\n }\n }\n });\n this.$button = $(container);\n defaultHooks.doAction('wcPPCPButtonCreated', this);\n }\n }\n\n getButton() {\n return this.$button;\n }\n\n destroyButtons() {\n Object.keys(this.buttons).forEach(key => {\n if (this.buttons[key]['close']) {\n this.buttons[key].close();\n }\n })\n }\n\n disableButtons() {\n Object.keys(this.actions).forEach(key => {\n this.actions[key].disable();\n });\n }\n\n enableButtons() {\n Object.keys(this.actions).forEach(key => {\n this.actions[key].enable();\n });\n }\n\n getFunding() {\n const funding = [];\n const settings = this.settings?.funding || [];\n if (this.settings?.paypal_sections?.includes(this.getPage())) {\n funding.push(paypal.FUNDING.PAYPAL);\n }\n if (settings.includes('paylater') && this.settings?.paylater_sections?.includes(this.getPage())) {\n if (this.isCheckoutFlow()) {\n funding.push(paypal.FUNDING.PAYLATER);\n }\n }\n if (settings.includes('card') && this.settings?.credit_card_sections?.includes(this.getPage())) {\n funding.push(paypal.FUNDING.CARD);\n }\n return funding;\n }\n\n isFundingActive(type) {\n return this.settings?.funding?.includes(type);\n }\n\n isSectionEnabled(type, section) {\n const key = `${type}_sections`;\n return this.settings?.[key]?.includes(section);\n }\n\n getSortedFunding(funding) {\n const sortOrder = this.settings.buttons_order || [];\n funding.sort((a, b) => {\n const indexA = sortOrder.indexOf(a);\n const indexB = sortOrder.indexOf(b);\n return indexA < indexB ? -1 : 1;\n });\n return funding;\n }\n\n getButtonContainer() {\n return null;\n }\n\n getButtonOptions(source) {\n const options = {\n fundingSource: source,\n style: this.getButtonStyle(source),\n onInit: (...args) => {\n this.onInit(source, ...args);\n },\n onClick: (...args) => {\n this.onClick(...args);\n },\n onApprove: (data, actions) => {\n this.onApprove(data, actions);\n },\n onCancel: (data) => {\n this.orderId = data.orderID;\n },\n onError: (error) => {\n if (this.currentError) {\n this.submitError(this.currentError);\n this.currentError = null;\n } else {\n this.submitError(error);\n }\n },\n onDestroy: () => {\n }\n };\n if (this.isCheckoutFlow()) {\n options.createOrder = (data, actions) => {\n return this.createOrder(data, actions);\n }\n if (this.needsShipping() && source !== paypal.FUNDING.VENMO) {\n options.onShippingChange = (...args) => {\n return this.onShippingChange(...args);\n }\n }\n } else {\n options.createBillingAgreement = (...args) => {\n return this.createBillingAgreement(...args);\n }\n }\n return options;\n }\n\n needsShipping() {\n return this.getOption('needsShipping', false);\n }\n\n isCheckoutFlow() {\n return getPayPalQueryParams()?.vault !== 'true';\n }\n\n getTotal() {\n return this.getOption('total', 0);\n }\n\n getButtonStyle(source) {\n let style = null;\n switch (source) {\n case paypal.FUNDING.PAYPAL:\n style = this.settings?.buttons?.paypal;\n break;\n case paypal.FUNDING.PAYLATER:\n style = this.settings?.buttons?.paylater;\n break;\n case paypal.FUNDING.CARD:\n style = {...this.settings?.buttons?.card};\n if (style.tagline) {\n delete style.tagline;\n style.layout = 'vertical';\n } else {\n style.layout = 'horizontal';\n }\n break;\n case paypal.FUNDING.VENMO:\n const {color = '', label = '', ...venmoStyle} = this.settings?.buttons?.paypal;\n style = venmoStyle;\n break;\n }\n if (style?.height) {\n style.height = parseInt(style.height);\n }\n return style;\n }\n\n onApprove(data, actions) {\n setFieldValue(this.order_field_key, data.orderID, '');\n if (data.billingToken) {\n setFieldValue(this.billing_token_key, data.billingToken, '');\n return this.fetchBillingToken(data.billingToken).then(response => {\n this.handleBillingToken(response, data);\n }).catch(error => {\n return this.submitError(error?.message);\n });\n } else {\n actions.order.get().then((res) => {\n this.handleOnApproveResponse(data, res);\n }).catch(error => this.submitError(error));\n }\n }\n\n handleOnApproveResponse(data, response) {\n this.populateCheckoutFields(response);\n this.processCartCheckout();\n }\n\n fetchBillingToken(token) {\n return apiFetch({\n method: 'GET',\n path: `/wc-ppcp/v1/billing-agreement/token/${token}`\n });\n }\n\n handleBillingToken(token, data) {\n if (!isEmpty(token.payer_info.billing_address)) {\n this.populateBillingAddressFields(convertPayPalAddressToCart(token.payer_info.billing_address));\n }\n if (token?.payer_info?.first_name) {\n if (!isValid('billing_first_name')) {\n setFieldValue('first_name', token.payer_info.first_name, 'billing');\n }\n }\n if (token?.payer_info?.last_name) {\n if (!isValid('billing_last_name')) {\n setFieldValue('last_name', token.payer_info.last_name, 'billing');\n }\n }\n if (token?.payer_info?.email) {\n if (!isValid('billing_email')) {\n setFieldValue('billing_email', token.payer_info.email);\n }\n }\n if (token?.payer_info?.phone) {\n if (!isValid('billing_phone')) {\n setFieldValue('billing_phone', token.payer_info.phone);\n }\n }\n if (this.needsShipping() && token.shipping_address) {\n if (!isEmpty(token.shipping_address)) {\n let address = convertPayPalAddressToCart(token.shipping_address);\n this.populateNameFields(extractFullName(token.shipping_address.recipient_name), 'shipping');\n this.populateShippingAddressFields(address);\n if (!isValidAddress(this.getCartFullAddress('billing'), ['phone', 'email'])) {\n if (!isValidFieldValue(getFieldValue('billing_first_name')) && !isValidFieldValue(getFieldValue('billing_last_name'))) {\n this.populateNameFields(token.shipping_address.recipient_name, 'billing');\n }\n this.populateBillingAddressFields(address);\n }\n }\n }\n }\n\n createOrder(data, actions) {\n return actions.order.create(args);\n }\n\n createBillingAgreement(data, actions) {\n return apiFetch({\n method: 'POST',\n url: getRestPath('/wc-ppcp/v1/billing-agreement/token'),\n data: {\n payment_method: this.id,\n context: this.getPage()\n }\n }).then(token => {\n return token;\n }).catch(error => {\n this.currentError = error;\n })\n }\n\n onShippingChange(data, actions, extraData = {}) {\n const address = convertPayPalAddressToCart(data?.shipping_address || {}, true);\n const shipping_method = extractShippingMethod(data?.selected_shipping_option?.id || '');\n return apiFetch({\n method: 'POST',\n url: getRestRoute('cart/shipping'),\n data: {\n order_id: data.orderID,\n address,\n shipping_method,\n payment_method: this.id,\n ...extraData\n }\n }).then(response => {\n if (response.code) {\n return actions.reject();\n } else {\n return actions.resolve();\n }\n }).catch(error => {\n return actions.reject();\n })\n }\n\n submitError(error) {\n\n }\n\n getShippingPrefix() {\n return 'shipping';\n }\n\n getCartAddress(type) {\n return {\n address_1: getFieldValue('address_1', type),\n address_2: getFieldValue('address_2', type),\n state: getFieldValue('state', type),\n city: getFieldValue('city', type),\n postcode: getFieldValue('postcode', type),\n country: getFieldValue('country', type)\n }\n }\n\n getCartFullAddress(type) {\n return {\n first_name: getFieldValue('first_name', type),\n last_name: getFieldValue('last_name', type),\n address_1: getFieldValue('address_1', type),\n address_2: getFieldValue('address_2', type),\n state: getFieldValue('state', type),\n city: getFieldValue('city', type),\n postcode: getFieldValue('postcode', type),\n country: getFieldValue('country', type)\n }\n }\n\n onInit(source, data, actions) {\n this.actions[source] = actions;\n }\n\n onClick(data, actions) {\n\n }\n\n isPage(page) {\n return this.getPage() === page;\n }\n\n getPage() {\n let page = getSetting('generalData')?.page;\n if (page == 'cart' && $(document.body).is('.woocommerce-checkout')) {\n page = 'checkout';\n }\n return page;\n }\n\n populateShippingAddressFields(address) {\n for (let key in address) {\n setFieldValue(key, address[key], 'shipping');\n }\n }\n\n populateBillingAddressFields(address) {\n for (let key in address) {\n setFieldValue(key, address[key], 'billing');\n }\n }\n\n populateNameFields(name, prefix = '') {\n let first_name, last_name;\n if (Array.isArray(name)) {\n [first_name, last_name] = name;\n } else {\n ({given_name: first_name, surname: last_name} = name);\n }\n setFieldValue('first_name', first_name, prefix);\n setFieldValue('last_name', last_name, prefix);\n }\n\n populateCheckoutFields(response) {\n if (!isEmpty(response?.payer?.address)) {\n let address = convertPayPalAddressToCart(response.payer.address);\n this.populateBillingAddressFields(address);\n }\n if (response?.payer?.name) {\n this.populateNameFields(response.payer.name, 'billing');\n }\n if (response?.payer?.email_address) {\n setFieldValue('billing_email', response.payer.email_address);\n }\n if (response?.payer?.phone?.phone_number?.national_number) {\n setFieldValue('billing_phone', response.payer.phone.phone_number.national_number);\n setFieldValue('shipping_phone', response.payer.phone.phone_number.national_number);\n }\n if (this.needsShipping() && response?.purchase_units?.[0]?.shipping) {\n const address = convertPayPalAddressToCart(response.purchase_units[0].shipping.address)\n this.populateShippingAddressFields(address);\n if (response.purchase_units[0].shipping?.name?.full_name) {\n const name = extractFullName(response.purchase_units[0].shipping.name.full_name);\n this.populateNameFields(name, 'shipping');\n }\n // add billing address if possible\n if (!isValidAddress(this.getCartFullAddress('billing'), ['phone', 'email'])) {\n this.populateBillingAddressFields(address);\n }\n }\n }\n\n processCartCheckout() {\n this.showProcessing();\n return apiFetch({\n method: 'POST',\n url: getRestRoute('cart/checkout'),\n data: this.getCartCheckoutData()\n }).then(response => {\n if (response.result && 'success' == response.result) {\n window.location = response.redirect;\n } else {\n if (response.messages) {\n return this.submitError(response.messages);\n }\n }\n }).catch(error => {\n if (error.code) {\n this.submitError(error.message);\n }\n });\n }\n\n getCartCheckoutData() {\n return {payment_method: this.id, context: this.getPage(), ...fieldsToJson()};\n }\n\n getProcessingSelector() {\n return 'body';\n }\n\n showProcessing() {\n $(this.getProcessingSelector())?.block({\n message: this.getProcessingMessage(),\n overlayCSS: {\n background: '#fff',\n opacity: 0.6\n }\n });\n }\n\n hideProcessing() {\n $(this.getProcessingSelector())?.unblock();\n }\n\n getProcessingMessage() {\n return `