diff --git a/demo/src/main/java/com/paypal/messagesdemo/XmlActivity.kt b/demo/src/main/java/com/paypal/messagesdemo/XmlActivity.kt
index 5a44eca0..5cae6d48 100644
--- a/demo/src/main/java/com/paypal/messagesdemo/XmlActivity.kt
+++ b/demo/src/main/java/com/paypal/messagesdemo/XmlActivity.kt
@@ -5,10 +5,13 @@ import android.util.Log
 import android.view.View
 import android.view.ViewGroup.LayoutParams
 import android.widget.EditText
+import android.widget.TextView
 import android.widget.Toast
 import androidx.appcompat.app.AppCompatActivity
 import androidx.compose.ui.graphics.Color
 import com.paypal.messages.PayPalMessageView
+import com.paypal.messages.PayPalMessagesModalFragment
+import com.paypal.messages.config.Channel
 import com.paypal.messages.config.PayPalEnvironment
 import com.paypal.messages.config.PayPalMessageOfferType
 import com.paypal.messages.config.PayPalMessagePageType
@@ -18,6 +21,7 @@ import com.paypal.messages.config.message.PayPalMessageViewStateCallbacks
 import com.paypal.messages.config.message.style.PayPalMessageAlignment
 import com.paypal.messages.config.message.style.PayPalMessageColor
 import com.paypal.messages.config.message.style.PayPalMessageLogoType
+import com.paypal.messages.config.modal.PayPalMessagesModalConfig
 import com.paypal.messages.io.Api
 import com.paypal.messagesdemo.databinding.ActivityMessageBinding
 
@@ -35,6 +39,22 @@ class XmlActivity : AppCompatActivity() {
 		binding = ActivityMessageBinding.inflate(layoutInflater)
 		setContentView(binding.root)
 
+		val messagesModalText = binding.messagesModalText
+		val modalConfig = PayPalMessagesModalConfig(
+			clientID = getString(R.string.client_id),
+			environment = environment,
+		)
+		val modal = PayPalMessagesModalFragment(context = this, config = modalConfig)
+		messagesModalText.setOnClickListener {
+			modal.show()
+		}
+
+// 		// XML can also be used
+// 		val xmlModal = binding.xmlModal
+// 		messagesModalText.setOnClickListener {
+// 			xmlModal.show()
+// 		}
+
 		val messageWrapper = binding.messageWrapper
 		val progressBar = binding.progressBar
 		val resetButton = binding.reset
@@ -162,6 +182,12 @@ class XmlActivity : AppCompatActivity() {
 			payPalMessage.color = color
 			payPalMessage.logoType = logoType
 			payPalMessage.textAlignment = textAlignment
+
+			modal.clientID = clientId
+			modal.amount = amount
+			modal.buyerCountry = buyerCountry
+			modal.offerType = offerType
+			modal.environment = environment
 		}
 
 		// Restore default options and reset UI
@@ -183,6 +209,13 @@ class XmlActivity : AppCompatActivity() {
 		submitButton.setOnClickListener { updateMessageData() }
 	}
 
+	@Override
+	private fun activityPaused() {
+		val modalConfig = PayPalMessagesModalConfig(clientID = "someClientID")
+		val modal = PayPalMessagesModalFragment(context = this, config = modalConfig)
+		modal.hide()
+	}
+
 	/**
 	 * Prevents unused warnings inside of PayPalMessageView and PayPalMessageConfig
 	 */
@@ -200,10 +233,35 @@ class XmlActivity : AppCompatActivity() {
 		message.merchantID = ""
 		message.partnerAttributionID = ""
 		message.pageType = PayPalMessagePageType.CART
+		message.channel = Channel.UPSTREAM.toString()
 		message.onClick = {}
 		message.onApply = {}
 		message.onLoading = {}
 		message.onSuccess = {}
 		message.onError = {}
+
+		val modalConfig = PayPalMessagesModalConfig(clientID = "someClientID")
+		val modal = PayPalMessagesModalFragment(context = this, config = modalConfig)
+		modal.getConfig()
+		modal.setConfig(modalConfig)
+		modal.environment = PayPalEnvironment.SANDBOX
+		modal.clientID = ""
+		modal.merchantID = ""
+		modal.partnerAttributionID = ""
+		modal.channel = Channel.UPSTREAM.toString()
+		modal.pageType = PayPalMessagePageType.CART
+		modal.onClick = {}
+		modal.onApply = {}
+		modal.onLoading = {}
+		modal.onSuccess = {}
+		modal.onError = {}
+		modal.onCalculate = {}
+		modal.onShow = {}
+		modal.onClose = {}
+
+		val textView = TextView(this)
+		textView.setOnClickListener {
+			modal.show()
+		}
 	}
 }
diff --git a/demo/src/main/res/layout/activity_message.xml b/demo/src/main/res/layout/activity_message.xml
index cbe48de6..62118e8a 100644
--- a/demo/src/main/res/layout/activity_message.xml
+++ b/demo/src/main/res/layout/activity_message.xml
@@ -136,7 +136,7 @@
 				android:id="@+id/offerTypeLabel"
 				android:paddingTop="12dp"
 				android:paddingBottom="12dp"
-				android:layout_marginRight="12dp"
+				android:layout_marginEnd="12dp"
 				android:textStyle="bold"
 				android:textSize="16sp"/>
 			<Button
@@ -238,21 +238,21 @@
 
 		<RadioGroup
 			android:layout_width="match_parent"
-			android:layout_height="48dp"
+			android:layout_height="28dp"
 			android:orientation="horizontal">
 
 			<com.google.android.material.switchmaterial.SwitchMaterial
-				android:text="Ignore Cache"
-				android:layout_width="wrap_content"
-				android:layout_height="match_parent"
 				android:id="@+id/ignoreCache"
-				android:textStyle="bold"
-				android:layout_weight="1"/>
+				android:layout_width="wrap_content"
+				android:layout_height="wrap_content"
+				android:layout_weight="1"
+				android:text="Ignore Cache"
+				android:textStyle="bold" />
 
 			<com.google.android.material.switchmaterial.SwitchMaterial
 				android:text="Dev Touchpoint"
 				android:layout_width="wrap_content"
-				android:layout_height="match_parent"
+				android:layout_height="wrap_content"
 				android:id="@+id/devTouchpoint"
 				android:textStyle="bold"
 				android:layout_weight="1"/>
@@ -276,23 +276,37 @@
 				app:layout_constraintTop_toTopOf="parent" />
 		</androidx.constraintlayout.widget.ConstraintLayout>
 
+		<TextView
+			android:id="@+id/messagesModalText"
+			android:layout_width="match_parent"
+			android:layout_height="wrap_content"
+			android:text="@string/messages_modal_text" />
+
 <!--		<com.paypal.messages.PayPalMessageView-->
+<!--			android:id="@+id/xmlMessage"-->
 <!--			android:layout_width="match_parent"-->
 <!--			android:layout_height="80dp"-->
 <!--			app:paypal_client_id="@string/client_id"-->
 <!--			/>-->
 
+		<com.paypal.messages.PayPalMessagesModalFragment
+			android:id="@+id/xmlModal"
+			android:layout_width="0dp"
+			android:layout_height="0dp"
+			app:paypal_client_id="@string/client_id"
+			/>
+
 		<LinearLayout
 			android:orientation="horizontal"
 			android:layout_width="match_parent"
-			android:layout_height="match_parent">
+			android:layout_height="match_parent"
+			android:layout_marginTop="20dp">
 
 			<Button
 				android:id="@+id/reset"
 				android:layout_width="wrap_content"
 				android:layout_height="wrap_content"
-				android:text="@string/reload_label"
-				android:layout_marginTop="24dp"/>
+				android:text="@string/reload_label"/>
 			<View
 				android:layout_width="0dp"
 				android:layout_height="0dp"
@@ -302,8 +316,7 @@
 				android:text="Submit"
 				android:layout_width="wrap_content"
 				android:layout_height="wrap_content"
-				android:id="@+id/submit"
-				android:layout_marginTop="24dp"/>
+				android:id="@+id/submit"/>
 
 		</LinearLayout>
 
diff --git a/demo/src/main/res/values/strings.xml b/demo/src/main/res/values/strings.xml
index d369785b..99a10e0c 100644
--- a/demo/src/main/res/values/strings.xml
+++ b/demo/src/main/res/values/strings.xml
@@ -1,5 +1,6 @@
-<resources>
+<resources xmlns:tools="http://schemas.android.com/tools" tools:ignore="ExtraTranslation">
 	<string name="app_name">Message Configuration</string>
 	<string name="header_kotlin">Kotlin PayPal Message</string>
 	<string name="reload_label">Reset</string>
+	<string name="messages_modal_text">Click here for a modal</string>
 </resources>
diff --git a/library/build.gradle b/library/build.gradle
index 0b246449..71ad765d 100644
--- a/library/build.gradle
+++ b/library/build.gradle
@@ -122,9 +122,8 @@ koverReport {
 					'*Fragment\$*',
 					'*Activity',
 					'*Activity\$*',
-					'com.paypal.messages.PayPalMessageView*',
-					'com.paypal.messages.RoundedWebView',
-					'com.paypal.messages.RoundedWebView\$*',
+					'*View',
+					'*View\$*',
 					'*.databinding.*',
 					'*.BuildConfig'
 				)
diff --git a/library/src/main/java/com/paypal/messages/ModalFragment.kt b/library/src/main/java/com/paypal/messages/ModalFragment.kt
index 3a762741..159f858f 100644
--- a/library/src/main/java/com/paypal/messages/ModalFragment.kt
+++ b/library/src/main/java/com/paypal/messages/ModalFragment.kt
@@ -60,27 +60,33 @@ internal class ModalFragment(
 
 	// MODAL CONFIG VALUES
 	var amount: Double? = null
-		set(amountArg) {
-			if (field != amountArg) {
-				field = amountArg
-				setJsValue(name = "amount", value = amountArg)
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				setJsValue(name = "amount", value = arg)
 			}
 		}
 	var buyerCountry: String? = null
-		set(buyerCountryArg) {
-			if (field != buyerCountryArg) {
-				field = buyerCountryArg
-				setJsValue(name = "buyerCountry", value = buyerCountry)
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				setJsValue(name = "buyerCountry", value = arg)
+			}
+		}
+	var channel: String? = Channel.UPSTREAM.toString()
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				setJsValue(name = "channel", value = arg)
 			}
 		}
-	private var channel: Channel = Channel.NATIVE
 	private var devTouchpoint: Boolean = true
 	private var ignoreCache: Boolean = false
 	var offerType: OfferType? = null
-		set(offerArg) {
-			if (field != offerArg) {
-				field = offerArg
-				setJsValue(name = "offer", value = offerArg.toString())
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				setJsValue(name = "offer", value = arg.toString())
 			}
 		}
 	private var stageTag: String? = null
@@ -246,6 +252,10 @@ internal class ModalFragment(
 		this.dialog?.show()
 	}
 
+	fun hide() {
+		this.dialog?.hide()
+	}
+
 	fun init(config: ModalConfig) {
 		// Set Parameters for Modal
 		this.amount = config.amount
diff --git a/library/src/main/java/com/paypal/messages/PayPalMessageView.kt b/library/src/main/java/com/paypal/messages/PayPalMessageView.kt
index 5041eff2..9a4ba436 100644
--- a/library/src/main/java/com/paypal/messages/PayPalMessageView.kt
+++ b/library/src/main/java/com/paypal/messages/PayPalMessageView.kt
@@ -166,6 +166,14 @@ class PayPalMessageView @JvmOverloads constructor(
 				debounceUpdateContent(Unit)
 			}
 		}
+	var channel: String? = config.data.channel
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				if (modal != null) modal?.channel = field
+				debounceUpdateContent(Unit)
+			}
+		}
 	var offerType: OfferType? = config.data.offerType
 		set(arg) {
 			if (field != arg) {
diff --git a/library/src/main/java/com/paypal/messages/PayPalMessagesModalFragment.kt b/library/src/main/java/com/paypal/messages/PayPalMessagesModalFragment.kt
new file mode 100644
index 00000000..d1188733
--- /dev/null
+++ b/library/src/main/java/com/paypal/messages/PayPalMessagesModalFragment.kt
@@ -0,0 +1,351 @@
+package com.paypal.messages
+
+import android.content.Context
+import android.content.res.TypedArray
+import android.os.Handler
+import android.os.Looper
+import android.util.AttributeSet
+import android.widget.FrameLayout
+import androidx.appcompat.app.AppCompatActivity
+import androidx.core.content.res.getFloatOrThrow
+import androidx.core.content.res.getIntOrThrow
+import androidx.core.content.res.use
+import com.paypal.messages.analytics.AnalyticsComponent
+import com.paypal.messages.analytics.AnalyticsEvent
+import com.paypal.messages.analytics.AnalyticsLogger
+import com.paypal.messages.analytics.ComponentType
+import com.paypal.messages.config.PayPalEnvironment
+import com.paypal.messages.config.PayPalMessageOfferType
+import com.paypal.messages.config.PayPalMessagePageType
+import com.paypal.messages.config.modal.ModalCloseButton
+import com.paypal.messages.config.modal.ModalConfig
+import com.paypal.messages.config.modal.ModalEvents
+import com.paypal.messages.io.Api
+import com.paypal.messages.utils.LogCat
+import com.paypal.messages.utils.PayPalErrors
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+import java.util.UUID
+import kotlin.coroutines.CoroutineContext
+import com.paypal.messages.config.modal.PayPalMessagesModalConfig as MessagesModalConfig
+
+/**
+ * PayPalMessagesModal is a component that provides the merchant with the option to attach a modal
+ * to their own content with different pay later products offered by PayPal.
+ * The content and information is based on the provided fields.
+ * Interacting with their content will show more information about the
+ * product itself and the option to apply
+ */
+class PayPalMessagesModalFragment @JvmOverloads constructor(
+	context: Context,
+	attributeSet: AttributeSet? = null,
+	defStyleAttr: Int = 0,
+	config: MessagesModalConfig = MessagesModalConfig(clientID = ""),
+) : FrameLayout(context, attributeSet, defStyleAttr) {
+	private val TAG = "PayPalMessagesModalFragment"
+	private var instanceId = UUID.randomUUID()
+
+	fun getConfig(): MessagesModalConfig {
+		return MessagesModalConfig(
+			clientID = this.clientID,
+			merchantID = this.merchantID,
+			partnerAttributionID = this.partnerAttributionID,
+			amount = this.amount,
+			buyerCountry = this.buyerCountry,
+			offerType = this.offerType,
+			environment = this.environment ?: PayPalEnvironment.SANDBOX,
+			callbacks = ModalEvents(
+				onClick = this.onClick,
+				onApply = this.onApply,
+				onLoading = this.onLoading,
+				onSuccess = this.onSuccess,
+				onError = this.onError,
+				onCalculate = this.onCalculate,
+				onShow = this.onShow,
+				onClose = this.onClose,
+			),
+		)
+	}
+
+	fun setConfig(config: MessagesModalConfig) {
+		clientID = config.clientID
+		merchantID = config.merchantID
+		partnerAttributionID = config.partnerAttributionID
+		amount = config.amount
+		buyerCountry = config.buyerCountry
+		offerType = config.offerType
+		onClick = config.callbacks?.onClick ?: {}
+		onApply = config.callbacks?.onApply ?: {}
+		onLoading = config.callbacks?.onLoading ?: {}
+		onSuccess = config.callbacks?.onSuccess ?: {}
+		onError = config.callbacks?.onError ?: {}
+		onCalculate = config.callbacks?.onCalculate ?: {}
+		onShow = config.callbacks?.onShow ?: {}
+		onClose = config.callbacks?.onClose ?: {}
+		debounceUpdateContent(Unit)
+	}
+
+	private fun <T> debounce(
+		delayMs: Long = 1L,
+		coroutineContext: CoroutineContext = Dispatchers.Main,
+		callback: (T) -> Unit,
+	): (T) -> Unit {
+		var debounceJob: Job? = null
+		return { param: T ->
+			if (debounceJob?.isCompleted != false) {
+				debounceJob = CoroutineScope(coroutineContext).launch {
+					delay(delayMs)
+					callback(param)
+				}
+			}
+		}
+	}
+
+	// This must be above the set methods to prevent errors when using XML attributes
+	val debounceUpdateContent = debounce<Unit> { }
+
+	var clientID: String = config.clientID
+		set(arg) {
+			if (arg === "") LogCat.error(TAG, "ClientID is an empty string")
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var merchantID: String? = config.merchantID
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var partnerAttributionID: String? = config.partnerAttributionID
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var amount: Double? = config.amount
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				if (modal != null) modal?.amount = field
+				debounceUpdateContent(Unit)
+			}
+		}
+	var buyerCountry: String? = config.buyerCountry
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				if (modal != null) modal?.buyerCountry = field
+				debounceUpdateContent(Unit)
+			}
+		}
+	var channel: String? = config.channel
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				if (modal != null) modal?.channel = field
+				debounceUpdateContent(Unit)
+			}
+		}
+	var offerType: PayPalMessageOfferType? = config.offerType
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				if (modal != null) modal?.offerType = field
+				debounceUpdateContent(Unit)
+			}
+		}
+	var pageType: PayPalMessagePageType? = config.pageType
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var environment: PayPalEnvironment? = config.environment
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				Api.env = arg ?: PayPalEnvironment.SANDBOX
+				debounceUpdateContent(Unit)
+			}
+		}
+
+	// CALLBACKS
+	var onClick: () -> Unit = config.callbacks?.onClick ?: {}
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var onApply: () -> Unit = config.callbacks?.onApply ?: {}
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var onLoading: () -> Unit = config.callbacks?.onLoading ?: {}
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var onSuccess: () -> Unit = config.callbacks?.onSuccess ?: {}
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var onError: (error: PayPalErrors.Base) -> Unit = config.callbacks?.onError ?: {}
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var onCalculate: () -> Unit = config.callbacks?.onCalculate ?: {}
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var onShow: () -> Unit = config.callbacks?.onShow ?: {}
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+	var onClose: () -> Unit = config.callbacks?.onClose ?: {}
+		set(arg) {
+			if (field != arg) {
+				field = arg
+				debounceUpdateContent(Unit)
+			}
+		}
+
+	private var modal: ModalFragment? = null
+
+	init {
+		context.obtainStyledAttributes(attributeSet, R.styleable.PayPalMessagesModalFragment).use { typedArray ->
+			updateFromAttributes(typedArray)
+		}
+		if (config.clientID === "") LogCat.error(TAG, "ClientID is an empty string")
+	}
+
+	fun show() {
+		val modal = modal ?: run {
+			val modal = ModalFragment(clientID)
+			// Build modal config
+			val modalConfig = ModalConfig(
+				amount = this.amount,
+				buyerCountry = this.buyerCountry,
+				offer = this.offerType,
+				ignoreCache = false,
+				devTouchpoint = false,
+				stageTag = null,
+				events = ModalEvents(
+					onApply = this.onApply,
+					onClick = this.onClick,
+					onError = this.onError,
+				),
+				modalCloseButton = ModalCloseButton(),
+			)
+
+			modal.init(modalConfig)
+			modal.show((context as AppCompatActivity).supportFragmentManager, modal.tag)
+
+			this.modal = modal
+
+			modal
+		}
+
+		// modal.show() above will display the modal on initial view, but if the user closes the modal
+		// it will become visually hidden and this method will re-display the modal without
+		// attempting to reattach it
+		// the delay prevents noticeable shift when the offer type is changed
+		Handler(Looper.getMainLooper()).postDelayed({
+			modal.expand()
+		}, 250)
+	}
+
+	fun hide() {
+		modal?.hide()
+	}
+
+	override fun onDetachedFromWindow() {
+		super.onDetachedFromWindow()
+		// The modal will not dismiss (destroy) itself, it will only hide/show when opening and closing
+		// so we need to cleanup the modal instance if the message is removed
+		this.modal?.dismiss()
+	}
+
+	/**
+	 * This function will update the local config related values based on what is provided from the [PayPalMessageView] xml custom view.
+	 */
+	private fun updateFromAttributes(typedArray: TypedArray) {
+		if (typedArray.hasValue(R.styleable.PayPalMessagesModalFragment_paypal_client_id)) {
+			clientID = typedArray.getString(R.styleable.PayPalMessagesModalFragment_paypal_client_id).toString()
+		}
+
+		if (typedArray.hasValue(R.styleable.PayPalMessagesModalFragment_paypal_amount)) {
+			amount = try {
+				typedArray.getFloatOrThrow(R.styleable.PayPalMessagesModalFragment_paypal_amount).toDouble()
+			}
+			catch (ex: Exception) {
+				LogCat.error(TAG, "Error parsing amount attribute")
+				null
+			}
+		}
+
+		if (typedArray.hasValue(R.styleable.PayPalMessagesModalFragment_paypal_offer_type)) {
+			offerType = try {
+				PayPalMessageOfferType(typedArray.getIntOrThrow(R.styleable.PayPalMessagesModalFragment_paypal_offer_type))
+			}
+			catch (ex: Exception) {
+				LogCat.error(TAG, "Error parsing offer_type attribute")
+				null
+			}
+		}
+
+		if (typedArray.hasValue(R.styleable.PayPalMessagesModalFragment_paypal_page_type)) {
+			pageType = try {
+				PayPalMessagePageType(typedArray.getIntOrThrow(R.styleable.PayPalMessagesModalFragment_paypal_page_type))
+			}
+			catch (ex: Exception) {
+				LogCat.error(TAG, "Error parsing page_type attribute")
+				null
+			}
+		}
+
+		if (typedArray.hasValue(R.styleable.PayPalMessagesModalFragment_paypal_buyer_country)) {
+			buyerCountry = typedArray.getString(R.styleable.PayPalMessagesModalFragment_paypal_buyer_country)
+		}
+	}
+
+	private fun logEvent(event: AnalyticsEvent) {
+		val component = AnalyticsComponent(
+			offerType = this.offerType,
+			amount = this.amount.toString(),
+			pageType = this.pageType,
+			buyerCountryCode = this.buyerCountry,
+			instanceId = this.instanceId.toString(),
+			originatingInstanceId = Api.originatingInstanceId.toString(),
+			type = ComponentType.MODAL.toString(),
+			componentEvents = mutableListOf(event),
+		)
+
+		AnalyticsLogger.getInstance(clientId = clientID).log(context, component)
+	}
+}
diff --git a/library/src/main/java/com/paypal/messages/config/Channel.kt b/library/src/main/java/com/paypal/messages/config/Channel.kt
index ce3ea87a..499841f3 100644
--- a/library/src/main/java/com/paypal/messages/config/Channel.kt
+++ b/library/src/main/java/com/paypal/messages/config/Channel.kt
@@ -1,5 +1,5 @@
 package com.paypal.messages.config
 
 enum class Channel {
-	NATIVE,
+	UPSTREAM,
 }
diff --git a/library/src/main/java/com/paypal/messages/config/message/PayPalMessageData.kt b/library/src/main/java/com/paypal/messages/config/message/PayPalMessageData.kt
index d922a32f..d6df616a 100644
--- a/library/src/main/java/com/paypal/messages/config/message/PayPalMessageData.kt
+++ b/library/src/main/java/com/paypal/messages/config/message/PayPalMessageData.kt
@@ -1,5 +1,6 @@
 package com.paypal.messages.config.message
 
+import com.paypal.messages.config.Channel
 import com.paypal.messages.io.Api
 import com.paypal.messages.config.PayPalEnvironment as Environment
 import com.paypal.messages.config.PayPalMessageOfferType as OfferType
@@ -16,6 +17,7 @@ data class PayPalMessageData(
 	var partnerAttributionID: String? = null,
 	var amount: Double? = null,
 	var buyerCountry: String? = null,
+	var channel: String? = Channel.UPSTREAM.toString(),
 	var offerType: OfferType? = null,
 	var pageType: PageType? = null,
 	var environment: Environment = Environment.SANDBOX,
diff --git a/library/src/main/java/com/paypal/messages/config/modal/ModalConfig.kt b/library/src/main/java/com/paypal/messages/config/modal/ModalConfig.kt
index 38a87ec9..8f97507c 100644
--- a/library/src/main/java/com/paypal/messages/config/modal/ModalConfig.kt
+++ b/library/src/main/java/com/paypal/messages/config/modal/ModalConfig.kt
@@ -10,7 +10,7 @@ import com.paypal.messages.config.PayPalMessageOfferType
 data class ModalConfig(
 	var amount: Double? = null,
 	var buyerCountry: String? = null,
-	var channel: Channel = Channel.NATIVE,
+	var channel: String = Channel.UPSTREAM.toString(),
 	var devTouchpoint: Boolean = false,
 	var events: ModalEvents? = null,
 	var ignoreCache: Boolean = false,
diff --git a/library/src/main/java/com/paypal/messages/config/modal/PayPalMessagesModalConfig.kt b/library/src/main/java/com/paypal/messages/config/modal/PayPalMessagesModalConfig.kt
new file mode 100644
index 00000000..928caadc
--- /dev/null
+++ b/library/src/main/java/com/paypal/messages/config/modal/PayPalMessagesModalConfig.kt
@@ -0,0 +1,34 @@
+package com.paypal.messages.config.modal
+
+import com.paypal.messages.config.Channel
+import com.paypal.messages.config.PayPalMessageOfferType
+import com.paypal.messages.config.PayPalMessagePageType
+import com.paypal.messages.io.Api
+import com.paypal.messages.config.PayPalEnvironment as Environment
+
+/**
+ * [PayPalMessagesModalConfig] is the main configuration model for interacting with the PayPalMessage component
+ * @param callbacks model with callbacks used to track the modal's display and interaction
+ */
+data class PayPalMessagesModalConfig(
+	// These top level data fields are the only place where ID in caps is allowed
+	// Everywhere else follows the camelcase convention of using "Id" since it is a "word" in code
+	var clientID: String,
+	var merchantID: String? = null,
+	var partnerAttributionID: String? = null,
+	var amount: Double? = null,
+	var buyerCountry: String? = null,
+	var channel: String? = Channel.UPSTREAM.toString(),
+	var callbacks: ModalEvents? = null,
+	var offerType: PayPalMessageOfferType? = null,
+	var pageType: PayPalMessagePageType? = null,
+	var environment: Environment = Environment.SANDBOX,
+) : Cloneable {
+	init {
+		Api.env = environment
+	}
+
+	public override fun clone(): PayPalMessagesModalConfig {
+		return super.clone() as PayPalMessagesModalConfig
+	}
+}
diff --git a/library/src/main/res/values/attrs.xml b/library/src/main/res/values/attrs.xml
index 7c6c588d..cd2d8585 100644
--- a/library/src/main/res/values/attrs.xml
+++ b/library/src/main/res/values/attrs.xml
@@ -1,7 +1,37 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
+	<!--
+		Message and Modal XML Attributes include paypal_client_id, paypal_offer_type, paypal_amount, paypal_page_type, paypal_buyer_country
+		Messages can be styled with paypal_text_color, paypal_logo_type, paypal_text_align
+
+		These attributes are used in both MessageView and MessagesModalView.
+		Declaring them here prevents a conflict from happening and they get reused below.
+	-->
+	<attr name="paypal_client_id" format="string" />
+
+	<attr name="paypal_offer_type" format="enum">
+		<enum name="PAY_LATER_SHORT_TERM" value="0" />
+		<enum name="PAY_LATER_LONG_TERM" value="1" />
+		<enum name="PAY_LATER_PAY_IN_1" value="2" />
+		<enum name="PAYPAL_CREDIT_NO_INTEREST" value="3" />
+	</attr>
+
+	<attr name="paypal_amount" format="float"/>
+
+	<attr name="paypal_buyer_country" format="string"/>
+
+	<attr name="paypal_page_type" format="enum">
+		<enum name="CART" value="0" />
+		<enum name="CHECKOUT" value="1" />
+		<enum name="HOME" value="2" />
+		<enum name="MINI_CART" value="3" />
+		<enum name="PRODUCT_DETAILS" value="4" />
+		<enum name="PRODUCT_LISTING" value="5" />
+		<enum name="SEARCH_RESULTS" value="6" />
+	</attr>
+
 	<declare-styleable name="PayPalMessageView">
-		<attr name="paypal_client_id" format="string" />
+		<attr name="paypal_client_id" />
 
 		<attr name="paypal_text_color" format="enum">
 			<enum name="black" value="0" />
@@ -23,25 +53,23 @@
 			<enum name="center" value="2" />
 		</attr>
 
-		<attr name="paypal_offer_type" format="enum">
-			<enum name="PAY_LATER_SHORT_TERM" value="0" />
-			<enum name="PAY_LATER_LONG_TERM" value="1" />
-			<enum name="PAY_LATER_PAY_IN_1" value="2" />
-			<enum name="PAYPAL_CREDIT_NO_INTEREST" value="3" />
-		</attr>
+		<attr name="paypal_offer_type" />
 
-		<attr name="paypal_amount" format="float"/>
+		<attr name="paypal_amount" />
 
-		<attr name="paypal_page_type" format="enum">
-			<enum name="CART" value="0" />
-			<enum name="CHECKOUT" value="1" />
-			<enum name="HOME" value="2" />
-			<enum name="MINI_CART" value="3" />
-			<enum name="PRODUCT_DETAILS" value="4" />
-			<enum name="PRODUCT_LISTING" value="5" />
-			<enum name="SEARCH_RESULTS" value="6" />
-		</attr>
+		<attr name="paypal_page_type" />
+
+		<attr name="paypal_buyer_country" />
+	</declare-styleable>
+	<declare-styleable name="PayPalMessagesModalFragment">
+		<attr name="paypal_client_id" />
+
+		<attr name="paypal_offer_type" />
+
+		<attr name="paypal_amount" />
+
+		<attr name="paypal_page_type" />
 
-		<attr name="paypal_buyer_country" format="string"/>
+		<attr name="paypal_buyer_country" />
 	</declare-styleable>
 </resources>
diff --git a/library/src/test/java/com/paypal/messages/config/modal/ModalConfigTest.kt b/library/src/test/java/com/paypal/messages/config/modal/ModalConfigTest.kt
index 44746672..39f9a6bc 100644
--- a/library/src/test/java/com/paypal/messages/config/modal/ModalConfigTest.kt
+++ b/library/src/test/java/com/paypal/messages/config/modal/ModalConfigTest.kt
@@ -29,7 +29,7 @@ class ModalConfigTest {
 		assertEquals(modalConfig.amount, 115.00)
 		assertEquals(modalConfig.buyerCountry, "US")
 		assertEquals(modalConfig.offer, PayPalMessageOfferType.PAY_LATER_SHORT_TERM)
-		assertEquals(modalConfig.channel, Channel.NATIVE)
+		assertEquals(modalConfig.channel, Channel.UPSTREAM.toString())
 		assertEquals(modalConfig.ignoreCache, true)
 		assertEquals(modalConfig.devTouchpoint, true)
 		assertEquals(modalConfig.stageTag, "test_tag")
diff --git a/library/src/test/java/com/paypal/messages/config/modal/PayPalMessagesModalConfigTest.kt b/library/src/test/java/com/paypal/messages/config/modal/PayPalMessagesModalConfigTest.kt
new file mode 100644
index 00000000..d68b7ae5
--- /dev/null
+++ b/library/src/test/java/com/paypal/messages/config/modal/PayPalMessagesModalConfigTest.kt
@@ -0,0 +1,109 @@
+package com.paypal.messages.config.modal
+
+import com.paypal.messages.config.PayPalEnvironment
+import com.paypal.messages.config.PayPalMessageOfferType
+import com.paypal.messages.utils.PayPalErrors
+import io.mockk.every
+import io.mockk.mockk
+import org.junit.jupiter.api.Assertions.assertEquals
+import org.junit.jupiter.api.Assertions.assertNotEquals
+import org.junit.jupiter.api.Test
+
+class PayPalMessagesModalConfigTest {
+	@Test
+	fun testConstructor() {
+		val onClickMock = mockk<() -> Unit>("onClickMock")
+		every { onClickMock() } answers {}
+		val onApplyMock = mockk<() -> Unit>("onApplyMock")
+		every { onApplyMock() } answers {}
+		val onLoadingMock = mockk<() -> Unit>("onLoadingMock")
+		every { onLoadingMock() } answers {}
+		val onSuccessMock = mockk<() -> Unit>("onSuccessMock")
+		every { onSuccessMock() } answers {}
+		val onErrorMock = mockk<(error: PayPalErrors.Base) -> Unit>("onErrorMock")
+		every { onErrorMock(any()) } answers {}
+		val onCalculateMock = mockk<() -> Unit>("onCalculateMock")
+		every { onCalculateMock() } answers {}
+		val onShowMock = mockk<() -> Unit>("onShowMock")
+		every { onShowMock() } answers {}
+		val onCloseMock = mockk<() -> Unit>("onCloseMock")
+		every { onCloseMock() } answers {}
+
+		val modalEvents = ModalEvents(
+			onClick = onClickMock,
+			onApply = onApplyMock,
+			onLoading = onLoadingMock,
+			onSuccess = onSuccessMock,
+			onError = onErrorMock,
+			onCalculate = onCalculateMock,
+			onShow = onShowMock,
+			onClose = onCloseMock,
+		)
+
+		val config = PayPalMessagesModalConfig(
+			clientID = "test_client_id",
+			merchantID = "test_merchant_id",
+			partnerAttributionID = "test_partner_id",
+			amount = 100.00,
+			buyerCountry = "test_buyer_country",
+			offerType = PayPalMessageOfferType.PAY_LATER_PAY_IN_1,
+			environment = PayPalEnvironment.SANDBOX,
+			callbacks = modalEvents,
+		)
+
+		assertEquals(config.clientID, "test_client_id")
+		assertEquals(config.merchantID, "test_merchant_id")
+		assertEquals(config.partnerAttributionID, "test_partner_id")
+		assertEquals(config.amount, 100.00)
+		assertEquals(config.environment, PayPalEnvironment.SANDBOX)
+		assertEquals(config.callbacks, modalEvents)
+	}
+
+	@Test
+	fun testClone() {
+		val onClickMock = mockk<() -> Unit>("onClickMock")
+		every { onClickMock() } answers {}
+		val onApplyMock = mockk<() -> Unit>("onApplyMock")
+		every { onApplyMock() } answers {}
+		val onLoadingMock = mockk<() -> Unit>("onLoadingMock")
+		every { onLoadingMock() } answers {}
+		val onSuccessMock = mockk<() -> Unit>("onSuccessMock")
+		every { onSuccessMock() } answers {}
+		val onErrorMock = mockk<(error: PayPalErrors.Base) -> Unit>("onErrorMock")
+		every { onErrorMock(any()) } answers {}
+		val onCalculateMock = mockk<() -> Unit>("onCalculateMock")
+		every { onCalculateMock() } answers {}
+		val onShowMock = mockk<() -> Unit>("onShowMock")
+		every { onShowMock() } answers {}
+		val onCloseMock = mockk<() -> Unit>("onCloseMock")
+		every { onCloseMock() } answers {}
+
+		val modalEvents = ModalEvents(
+			onClick = onClickMock,
+			onApply = onApplyMock,
+			onLoading = onLoadingMock,
+			onSuccess = onSuccessMock,
+			onError = onErrorMock,
+			onCalculate = onCalculateMock,
+			onShow = onShowMock,
+			onClose = onCloseMock,
+		)
+
+		val oldData = PayPalMessagesModalConfig(
+			clientID = "test_client_id",
+			merchantID = "test_merchant_id",
+			partnerAttributionID = "test_partner_id",
+			amount = 100.00,
+			buyerCountry = "test_buyer_country",
+			offerType = PayPalMessageOfferType.PAY_LATER_PAY_IN_1,
+			environment = PayPalEnvironment.SANDBOX,
+			callbacks = modalEvents,
+		)
+
+		val data = oldData.clone()
+
+		assertEquals(data, oldData)
+		data.amount = 200.0
+		assertNotEquals(oldData, data)
+	}
+}