From d5954d9ee13bd70e6ebe8a7b1b0ba9b90413e873 Mon Sep 17 00:00:00 2001
From: David Froneberger <dfroneberger@breadfinance.com>
Date: Thu, 26 Sep 2019 13:21:06 -0400
Subject: [PATCH 1/9] added split pay button labels to pdp and cart page

---
 view/frontend/layout/catalog_product_view.xml |   3 +
 .../catalog_product_view_type_bundle.xml      |   3 +
 .../catalog_product_view_type_grouped.xml     |   1 +
 .../templates/breadcheckout/cartview.phtml    |   4 +-
 .../templates/breadcheckout/grouped.phtml     |   5 +-
 .../templates/breadcheckout/price.phtml       | 150 ++++++++++++++++++
 .../templates/breadcheckout/view.phtml        |   6 +-
 view/frontend/web/js/product/splitpay.js      |  65 ++++++++
 8 files changed, 234 insertions(+), 3 deletions(-)
 create mode 100644 view/frontend/templates/breadcheckout/price.phtml
 create mode 100644 view/frontend/web/js/product/splitpay.js
diff --git a/view/frontend/layout/catalog_product_view.xml b/view/frontend/layout/catalog_product_view.xml
index 7674b0dc..168e0ad2 100644
--- a/view/frontend/layout/catalog_product_view.xml
+++ b/view/frontend/layout/catalog_product_view.xml
@@ -10,5 +10,8 @@
         <referenceBlock name="product.info.options.wrapper">
             <block template="Bread_BreadCheckout::breadcheckout/options.phtml" class="Bread\BreadCheckout\Block\Product\View" name="breadcheckout.checkout.options"/>
         </referenceBlock>
+        <referenceBlock name="product.info.main">
+            <block template="Bread_BreadCheckout::breadcheckout/price.phtml" class="Bread\BreadCheckout\Block\Product\View" name="breadcheckout.prod.price" after="product.info.price"/>
+        </referenceBlock>
     </body>
 </page>
diff --git a/view/frontend/layout/catalog_product_view_type_bundle.xml b/view/frontend/layout/catalog_product_view_type_bundle.xml
index b75367d2..950579a5 100644
--- a/view/frontend/layout/catalog_product_view_type_bundle.xml
+++ b/view/frontend/layout/catalog_product_view_type_bundle.xml
@@ -5,6 +5,9 @@
             <block template="Bread_BreadCheckout::breadcheckout/view.phtml"
                 class="Bread\BreadCheckout\Block\Product\Bundle" as="breadcheckout.prod.view" name="breadcheckout.prod.view"/>
         </referenceContainer>
+        <referenceBlock name="product.info.main">
+            <block template="Bread_BreadCheckout::breadcheckout/price.phtml" class="Bread\BreadCheckout\Block\Product\Bundle" name="breadcheckout.prod.price" before="customize.button"/>
+        </referenceBlock>
 
         <referenceBlock name="product.info.options.wrapper">
             <referenceBlock name="breadcheckout.checkout.options" remove="true"/>
diff --git a/view/frontend/layout/catalog_product_view_type_grouped.xml b/view/frontend/layout/catalog_product_view_type_grouped.xml
index f802c4a4..0a39a38b 100644
--- a/view/frontend/layout/catalog_product_view_type_grouped.xml
+++ b/view/frontend/layout/catalog_product_view_type_grouped.xml
@@ -3,6 +3,7 @@
     <body>
 
         <referenceBlock name="breadcheckout.prod.view" remove="true"/>
+        <referenceBlock name="breadcheckout.prod.price" remove="true"/>
         <referenceBlock name="breadcheckout.checkout.options" remove="true"/>
 
         <referenceContainer name="product.info.extrahint">
diff --git a/view/frontend/templates/breadcheckout/cartview.phtml b/view/frontend/templates/breadcheckout/cartview.phtml
index b6bf35a3..85d5d4d1 100644
--- a/view/frontend/templates/breadcheckout/cartview.phtml
+++ b/view/frontend/templates/breadcheckout/cartview.phtml
@@ -9,10 +9,11 @@
     <div class="button-prevent" id="button-prevent">
         <span class="buy_error_tip override_tip" data-content="<?= /* @noEscape */ $block->productTypeErrorMessage() ?>">&nbsp;</span>
     </div>
+    <div class="splitpay-clickable-button"></div>
 </div>
 
 <script type="text/javascript">
-    require(['jquery', 'jquery/validate', 'mage/validation', '!domReady'], function($) {
+    require(['jquery', 'Bread_BreadCheckout/js/product/splitpay', 'jquery/validate', 'mage/validation', '!domReady'], function($, splitpay) {
 
         var validateProductTypes = Boolean(<?= /* @noEscape */ $block->validateAllowedProductTypes() ?>);
         if (validateProductTypes === false) {
@@ -207,6 +208,7 @@
 
             if (typeof bread !== 'undefined') {
                 bread.checkout(breadConfig);
+                splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-button', false);
             }
         };
 
diff --git a/view/frontend/templates/breadcheckout/grouped.phtml b/view/frontend/templates/breadcheckout/grouped.phtml
index 4a054a3b..339253b1 100644
--- a/view/frontend/templates/breadcheckout/grouped.phtml
+++ b/view/frontend/templates/breadcheckout/grouped.phtml
@@ -10,14 +10,16 @@
     <div class="button-prevent" id="button-prevent">
         <span class="buy_error_tip override_tip" data-content="<?= /* @noEscape */ __('Please complete product configuration') ?>">&nbsp;</span>
     </div>
+    <div class="splitpay-clickable-button"></div>
 </div>
 
 <script>
     require([
         'jquery',
+        'Bread_BreadCheckout/js/product/splitpay',
         'jquery/validate',
         'mage/validation'
-    ], function($) {
+    ], function($, splitpay) {
         document.configureButton = function (items) {
             var buttonOnProduct     = <?= /* @noEscape */ $block->getIsButtonOnProduct(); ?>;
             var buttonCss           = '<?= /* @noEscape */ $block->getButtonDesign(); ?>';
@@ -216,6 +218,7 @@
 
                 if (typeof bread !== 'undefined') {
                     bread.checkout(breadConfig);
+                    splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-button', false);
                 }
             }).fail(function(error) {
                 document.logBreadIssue('error', {},
diff --git a/view/frontend/templates/breadcheckout/price.phtml b/view/frontend/templates/breadcheckout/price.phtml
new file mode 100644
index 00000000..cd56be50
--- /dev/null
+++ b/view/frontend/templates/breadcheckout/price.phtml
@@ -0,0 +1,150 @@
+<?php /** @var $block Bread\BreadCheckout\Block\Product\View */ ?>
+<?= /* @noEscape */ $block->getBeforeHtml(); ?>
+
+<div class="splitpay-clickable-price" style="padding-bottom: 5px"></div>
+
+<script type="text/javascript">
+    require(['jquery', 'Bread_BreadCheckout/js/product/splitpay'], function($, splitpay) {
+
+        document.splitpayconfigureButton = function (items) {
+            var buttonCss           = '<?= /* @noEscape */ $block->getButtonDesign(); ?>';
+            var financingInfo   = <?= /* @noEscape */ $block->getFinancingJson(); ?>;
+            var breadConfig = {
+                <?php if (!$block->isHealthcare()) : ?>
+                items: items,
+                <?php else : ?>
+                customTotal: items[0]['price'],
+                <?php endif; ?>
+                discounts: <?= /* @noEscape */ $block->getDiscountDataJson(); ?>,
+                allowCheckout: false,
+                done: function() {},
+
+                /**
+                 * Add to cart call back used when allow checkout from product page = false
+                 *
+                 * @param callback
+                 */
+                addToCart:  function(callback) {
+                    document.getElementById('product_addtocart_form').submit();
+                }
+            };
+
+            if (buttonCss !== null && buttonCss !== '' && buttonCss != false) {
+                breadConfig.customCSS = buttonCss;
+            }
+
+            if(financingInfo.enabled && financingInfo.mode.cart){
+                var cartSizeFinancingId = financingInfo.id;
+                var cartSizeThreshold = financingInfo.threshold;
+                var itemsPriceSum = items.reduce(function(sum, item) { return sum + item.price * item.quantity; }, 0) / 100;
+                breadConfig.financingProgramId = (itemsPriceSum >= cartSizeThreshold) ? cartSizeFinancingId : 'null';
+            } else if (financingInfo.enabled && financingInfo.mode.sku){
+                var productSku = "<?= /* @noEscape */ $block->getProduct()->getSku(); ?>";
+                if(financingInfo.sku_limit.includes(productSku) === true){
+                    breadConfig.financingProgramId = financingInfo.id;
+                }
+            }
+
+            if (!document.splitpayhasCheckedConfigData) {
+
+                var configDataUrl = '<?= /* @noEscape */ $block->getConfigDataUrl(); ?>';
+                $.ajax({
+                    url: configDataUrl,
+                    type: 'post',
+                    context: this
+                }).done(function(data) {
+                    document.splitpayhasCheckedConfigData = true;
+
+                    if (data.shippingContact !== false) {
+                        breadConfig.shippingContact = data.shippingContact;
+                    }
+
+                    if (data.billingContact !== false) {
+                        breadConfig.billingContact = data.billingContact;
+                    }
+
+                    if (typeof bread !== 'undefined') {
+                        splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-price', true);
+                    }
+                }).fail(function(error) {
+                    document.logBreadIssue('error', {},
+                        'Error code returned when calling ' + configDataUrl + ', with status: ' + error.statusText);
+                });
+
+            } else {
+                if (typeof bread !== 'undefined') {
+                    splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-price', true);
+                }
+            }
+
+        };
+
+        <?php if ($block->getProduct() != null) : ?>
+
+        /**
+         * Reconfigure Bread checkout button with updated
+         * price and sku values
+         */
+        document.splitpayresetPriceAndSku = function(configurable) {
+            if (!configurable) {
+                document.splitpayconfigureButton(document.splitpaydefaultItems);
+            }
+            else {
+                var price = document.splitpaycalculatePrice();
+
+                if(typeof document.customOptions !== "undefined"){
+                    sku = document.splitpayselectedSku + document.customOptions;
+                } else {
+                    sku = document.splitpayselectedSku;
+                }
+
+                if (sku != document.splitpaypreviousSku || price != document.splitpaypreviousPrice) {
+                    document.splitpaypreviousSku                    = sku;
+                    document.splitpaypreviousPrice                  = price;
+                    document.splitpaydefaultItems[0]["sku"]         = document.splitpaypreviousSku;
+                    document.splitpaydefaultItems[0]["price"]       = document.splitpaypreviousPrice;
+                    document.splitpayconfigureButton(document.splitpaydefaultItems);
+                }
+            }
+        };
+
+        /**
+         * Calculate updated price based on attribute selections
+         * and/or custom options
+         *
+         * @returns int
+         */
+        document.splitpaycalculatePrice = function() {
+            var price = 0;
+            var customPrice = 0;
+
+            if (document.priceWithOptions) {
+                customPrice = document.priceWithOptions;
+            }
+
+            var selectedProductPrices = spConfig && spConfig.optionPrices[document.splitpayselectedSimpleProductId];
+
+            if (selectedProductPrices) {
+                price = parseInt(Math.round(selectedProductPrices.finalPrice.amount * 100));
+            }
+
+            return Math.max(price, customPrice);
+        };
+        <?php endif; ?>
+        document.splitpaydefaultItems       = <?= /* @noEscape */ $block->getProductDataJson(); ?>;
+        document.splitpaypreviousPrice      = document.splitpaydefaultItems[0]["price"];
+        document.splitpaypreviousSku        = document.splitpaydefaultItems[0]["sku"];
+
+        $(document).ready(function () {
+            <?php if ($block->getProduct() != null) : ?>
+            document.splitpayproductId                      = '<?= /* @noEscape */ $block->getProduct()->getId(); ?>';
+            document.splitpaybaseProductSku                 = '<?= /* @noEscape */ $block->getProduct()->getSku(); ?>';
+            document.splitpayselectedSku                    = '<?= /* @noEscape */ $block->getProduct()->getSku(); ?>';
+            document.splitpayselectedSimpleProductId        = '<?= /* @noEscape */ $block->getProduct()->getId(); ?>';
+            document.splitpayresetPriceAndSku(false);
+            <?php else : ?>
+            document.splitpayconfigureButton(document.splitpaydefaultItems);
+            <?php endif; ?>
+        });
+    });
+</script>
diff --git a/view/frontend/templates/breadcheckout/view.phtml b/view/frontend/templates/breadcheckout/view.phtml
index e879d78c..cbcd6fb6 100644
--- a/view/frontend/templates/breadcheckout/view.phtml
+++ b/view/frontend/templates/breadcheckout/view.phtml
@@ -10,6 +10,7 @@
     <div class="button-prevent" id="button-prevent">
         <span class="buy_error_tip override_tip" data-content="<?= /* @noEscape */ __('Please complete product configuration') ?>">&nbsp;</span>
     </div>
+    <div class="splitpay-clickable-button"></div>
 </div>
 
 <script type="text/x-magento-init">
@@ -24,7 +25,8 @@
 </script>
 
 <script type="text/javascript">
-    require(['jquery'], function($) {
+    require(['jquery', 'Bread_BreadCheckout/js/product/splitpay'], function($, splitpay) {
+
         document.configureButton = function (items) {
             var buttonOnProduct     = <?= /* @noEscape */ $block->getIsButtonOnProduct(); ?>;
             var buttonCss           = '<?= /* @noEscape */ $block->getButtonDesign(); ?>';
@@ -227,6 +229,7 @@
 
                     if (typeof bread !== 'undefined') {
                         bread.checkout(breadConfig);
+                        splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-button', false);
                     }
                 }).fail(function(error) {
                     document.logBreadIssue('error', {},
@@ -236,6 +239,7 @@
             } else {
                 if (typeof bread !== 'undefined') {
                     bread.checkout(breadConfig);
+                    splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-button', false);
                 }
             }
         };
diff --git a/view/frontend/web/js/product/splitpay.js b/view/frontend/web/js/product/splitpay.js
new file mode 100644
index 00000000..c3e284ba
--- /dev/null
+++ b/view/frontend/web/js/product/splitpay.js
@@ -0,0 +1,65 @@
+define([], function () {
+
+    var MAX_SECS_BEFORE_ABORT = 10;
+    var TIMEOUT_INTERVAL = 100;
+    var RETRIES = MAX_SECS_BEFORE_ABORT * 1000 / TIMEOUT_INTERVAL;
+    var ERROR_PREFIX = 'Bread Integration Error: Could not setup promotional label for SplitPay. Reason: ';
+    var INTEGRATION_ERROR = 'Could not create Bread SplitPay Promotional Label within 5 seconds. Please verify that the provided selector is valid';
+
+    var retryCount = 0;
+
+    var retry;
+
+    var splitpayPromo = function (opts, selector, includeInstallments) {
+        if (window.bread === undefined || window.bread.ldflags['multipay-enable'] === false) {
+            return;
+        }
+
+        var total = null;
+
+        if (opts.hasOwnProperty('customTotal')) {
+            total = opts.customTotal;
+        } else if (opts.hasOwnProperty('items')) {
+            total = opts.items.reduce(function(sum, i) {
+                return Math.round(i.price * i.quantity) + sum;
+            }, 0);
+        } else {
+            console.warn('[Bread-SplitPay] failed to calculate total');
+            return;
+        }
+
+        if (total > 100000) {
+            return;
+        }
+
+        bread.showSplitPayPromo({
+            selector: selector,
+            total: total,
+            includeInstallments: includeInstallments,
+            openModalOnClick: true,
+            opts: opts
+        });
+    };
+
+    return {
+        setupSplitpay: function (breadConfig, selector, includeInstallments) {
+            retry = window.setInterval(() => {
+                try {
+                    if (window.bread && window.bread.ldflags && window.bread.ldflags._isReady) {
+                        window.clearInterval(retry);
+                        splitpayPromo(breadConfig, selector, includeInstallments); // Pass in opts. Probably need to rename this variable depending on the environment (Shopify vs M1 vs M2 vs WC).
+                    }
+                    if (retryCount < RETRIES) {
+                        retryCount += 1;
+                    } else {
+                        throw new Error(INTEGRATION_ERROR);
+                    }
+                } catch (err) {
+                    console.error(`${ERROR_PREFIX}${err}`);
+                    window.clearInterval(retry);
+                    // May also want to do something in this error case so its never "broken"
+                }
+            }, TIMEOUT_INTERVAL);
+        },
+    }
+});
\ No newline at end of file

From e6846eb9d942c4c298d4c6630260144b33e1019f Mon Sep 17 00:00:00 2001
From: David Froneberger <dfroneberger@breadfinance.com>
Date: Mon, 30 Sep 2019 13:37:24 -0400
Subject: [PATCH 2/9] used require config to shorten path to splitpay.js file
 when required

---
 view/frontend/requirejs-config.js                    | 3 ++-
 view/frontend/templates/breadcheckout/cartview.phtml | 2 +-
 view/frontend/templates/breadcheckout/grouped.phtml  | 2 +-
 view/frontend/templates/breadcheckout/price.phtml    | 2 +-
 view/frontend/templates/breadcheckout/view.phtml     | 2 +-
 5 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/view/frontend/requirejs-config.js b/view/frontend/requirejs-config.js
index 9fedd33e..5a741a29 100644
--- a/view/frontend/requirejs-config.js
+++ b/view/frontend/requirejs-config.js
@@ -8,7 +8,8 @@ var config = {
     map: {
         '*': {
             buttonConfig: 'Bread_BreadCheckout/js/button-config',
-            bundleHelper: 'Bread_BreadCheckout/js/bundle-helper'
+            bundleHelper: 'Bread_BreadCheckout/js/bundle-helper',
+            splitpay: 'Bread_BreadCheckout/js/product/splitpay'
         }
     }
 };
diff --git a/view/frontend/templates/breadcheckout/cartview.phtml b/view/frontend/templates/breadcheckout/cartview.phtml
index 85d5d4d1..d4affdd6 100644
--- a/view/frontend/templates/breadcheckout/cartview.phtml
+++ b/view/frontend/templates/breadcheckout/cartview.phtml
@@ -13,7 +13,7 @@
 </div>
 
 <script type="text/javascript">
-    require(['jquery', 'Bread_BreadCheckout/js/product/splitpay', 'jquery/validate', 'mage/validation', '!domReady'], function($, splitpay) {
+    require(['jquery', 'splitpay', 'jquery/validate', 'mage/validation', '!domReady'], function($, splitpay) {
 
         var validateProductTypes = Boolean(<?= /* @noEscape */ $block->validateAllowedProductTypes() ?>);
         if (validateProductTypes === false) {
diff --git a/view/frontend/templates/breadcheckout/grouped.phtml b/view/frontend/templates/breadcheckout/grouped.phtml
index 339253b1..2fc6f349 100644
--- a/view/frontend/templates/breadcheckout/grouped.phtml
+++ b/view/frontend/templates/breadcheckout/grouped.phtml
@@ -16,7 +16,7 @@
 <script>
     require([
         'jquery',
-        'Bread_BreadCheckout/js/product/splitpay',
+        'splitpay',
         'jquery/validate',
         'mage/validation'
     ], function($, splitpay) {
diff --git a/view/frontend/templates/breadcheckout/price.phtml b/view/frontend/templates/breadcheckout/price.phtml
index cd56be50..9d10aa9e 100644
--- a/view/frontend/templates/breadcheckout/price.phtml
+++ b/view/frontend/templates/breadcheckout/price.phtml
@@ -4,7 +4,7 @@
 <div class="splitpay-clickable-price" style="padding-bottom: 5px"></div>
 
 <script type="text/javascript">
-    require(['jquery', 'Bread_BreadCheckout/js/product/splitpay'], function($, splitpay) {
+    require(['jquery', 'splitpay'], function($, splitpay) {
 
         document.splitpayconfigureButton = function (items) {
             var buttonCss           = '<?= /* @noEscape */ $block->getButtonDesign(); ?>';
diff --git a/view/frontend/templates/breadcheckout/view.phtml b/view/frontend/templates/breadcheckout/view.phtml
index cbcd6fb6..de705461 100644
--- a/view/frontend/templates/breadcheckout/view.phtml
+++ b/view/frontend/templates/breadcheckout/view.phtml
@@ -25,7 +25,7 @@
 </script>
 
 <script type="text/javascript">
-    require(['jquery', 'Bread_BreadCheckout/js/product/splitpay'], function($, splitpay) {
+    require(['jquery', 'splitpay'], function($, splitpay) {
 
         document.configureButton = function (items) {
             var buttonOnProduct     = <?= /* @noEscape */ $block->getIsButtonOnProduct(); ?>;

From ec9d66f0ce571108ef75f27589889a7114cef8d1 Mon Sep 17 00:00:00 2001
From: David Froneberger <dfroneberger@breadfinance.com>
Date: Tue, 1 Oct 2019 11:05:21 -0400
Subject: [PATCH 3/9] bug fix for variable scoping issue

---
 view/frontend/web/js/product/splitpay.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/view/frontend/web/js/product/splitpay.js b/view/frontend/web/js/product/splitpay.js
index c3e284ba..236b6410 100644
--- a/view/frontend/web/js/product/splitpay.js
+++ b/view/frontend/web/js/product/splitpay.js
@@ -6,10 +6,6 @@ define([], function () {
     var ERROR_PREFIX = 'Bread Integration Error: Could not setup promotional label for SplitPay. Reason: ';
     var INTEGRATION_ERROR = 'Could not create Bread SplitPay Promotional Label within 5 seconds. Please verify that the provided selector is valid';
 
-    var retryCount = 0;
-
-    var retry;
-
     var splitpayPromo = function (opts, selector, includeInstallments) {
         if (window.bread === undefined || window.bread.ldflags['multipay-enable'] === false) {
             return;
@@ -43,7 +39,9 @@ define([], function () {
 
     return {
         setupSplitpay: function (breadConfig, selector, includeInstallments) {
-            retry = window.setInterval(() => {
+            var retryCount = 0;
+
+            var retry = window.setInterval(() => {
                 try {
                     if (window.bread && window.bread.ldflags && window.bread.ldflags._isReady) {
                         window.clearInterval(retry);

From fcfd52c10d0d3d5a9a7b134ead0a2075bd41192f Mon Sep 17 00:00:00 2001
From: David Froneberger <dfroneberger@breadfinance.com>
Date: Wed, 9 Oct 2019 15:25:09 -0400
Subject: [PATCH 4/9] added checkout method title change for when splitpay is
 active

---
 Model/Payment/Method/Bread.php                |  5 +-
 Model/Ui/ConfigProvider.php                   | 12 +++-
 view/frontend/requirejs-config.js             |  2 +-
 .../templates/breadcheckout/cartview.phtml    |  4 +-
 .../templates/breadcheckout/grouped.phtml     |  6 +-
 .../templates/breadcheckout/price.phtml       | 56 +++++++++----------
 .../templates/breadcheckout/view.phtml        |  6 +-
 view/frontend/web/js/product/splitpay.js      | 28 ++++++----
 .../payment/method-renderer/breadcheckout.js  | 19 +++++++
 .../web/template/payment/breadcheckout.html   |  2 +-
 10 files changed, 87 insertions(+), 53 deletions(-)

diff --git a/Model/Payment/Method/Bread.php b/Model/Payment/Method/Bread.php
index 0573128c..9ba0e64f 100644
--- a/Model/Payment/Method/Bread.php
+++ b/Model/Payment/Method/Bread.php
@@ -572,7 +572,10 @@ public function getTitle()
         $title = parent::getTitle();
         $showPerMonth = $this->helper->showPerMonthCalculation();
 
-        if ($this->_appState->getAreaCode() == \Magento\Framework\App\Area::AREA_WEBAPI_REST && $showPerMonth) {
+        $areaIsRestOrFrontend = $this->_appState->getAreaCode() == \Magento\Framework\App\Area::AREA_WEBAPI_REST
+            || $this->_appState->getAreaCode() == \Magento\Framework\App\Area::AREA_FRONTEND;
+
+        if ($areaIsRestOrFrontend && $showPerMonth) {
             $data = $this->quoteHelper->submitQuote(null);
             if (isset($data['asLowAs']) && isset($data['asLowAs']['amount'])) {
                 $title .= ' ' . sprintf(__('as low as %s/month*'), $data['asLowAs']['amount']);
diff --git a/Model/Ui/ConfigProvider.php b/Model/Ui/ConfigProvider.php
index 71cf6554..d9bb9ef8 100644
--- a/Model/Ui/ConfigProvider.php
+++ b/Model/Ui/ConfigProvider.php
@@ -23,12 +23,19 @@ class ConfigProvider implements ConfigProviderInterface
      */
     public $helperData;
 
+    /**
+     * @var \Bread\BreadCheckout\Model\Payment\Method\Bread
+     */
+    public $breadMethod;
+
     public function __construct(
         \Bread\BreadCheckout\Helper\Quote $helper,
-        \Bread\BreadCheckout\Helper\Data $helperData
+        \Bread\BreadCheckout\Helper\Data $helperData,
+        \Bread\BreadCheckout\Model\Payment\Method\Bread $breadMethod
     ) {
         $this->helper = $helper;
         $this->helperData = $helperData;
+        $this->breadMethod = $breadMethod;
     }
 
     /**
@@ -68,7 +75,8 @@ public function getConfig()
                         'buttonLocation' => $this->helperData->getCheckoutLocation(),
                         'methodTooltip' => $this->helper->getMethodTooltip(),
                         'productTypeMessage' => $this->helperData->getProductTypeMessage(),
-                        'cartValidation' => $this->helper->validateAllowedProductTypes()
+                        'cartValidation' => $this->helper->validateAllowedProductTypes(),
+                        'methodTitle' => $this->breadMethod->getTitle()
                     ]
                 ]
             ]
diff --git a/view/frontend/requirejs-config.js b/view/frontend/requirejs-config.js
index 5a741a29..9b3e7385 100644
--- a/view/frontend/requirejs-config.js
+++ b/view/frontend/requirejs-config.js
@@ -9,7 +9,7 @@ var config = {
         '*': {
             buttonConfig: 'Bread_BreadCheckout/js/button-config',
             bundleHelper: 'Bread_BreadCheckout/js/bundle-helper',
-            splitpay: 'Bread_BreadCheckout/js/product/splitpay'
+            splitPay: 'Bread_BreadCheckout/js/product/splitpay'
         }
     }
 };
diff --git a/view/frontend/templates/breadcheckout/cartview.phtml b/view/frontend/templates/breadcheckout/cartview.phtml
index d4affdd6..f9b9967f 100644
--- a/view/frontend/templates/breadcheckout/cartview.phtml
+++ b/view/frontend/templates/breadcheckout/cartview.phtml
@@ -13,7 +13,7 @@
 </div>
 
 <script type="text/javascript">
-    require(['jquery', 'splitpay', 'jquery/validate', 'mage/validation', '!domReady'], function($, splitpay) {
+    require(['jquery', 'splitPay', 'jquery/validate', 'mage/validation', '!domReady'], function($, splitPay) {
 
         var validateProductTypes = Boolean(<?= /* @noEscape */ $block->validateAllowedProductTypes() ?>);
         if (validateProductTypes === false) {
@@ -208,7 +208,7 @@
 
             if (typeof bread !== 'undefined') {
                 bread.checkout(breadConfig);
-                splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-button', false);
+                splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-button', false);
             }
         };
 
diff --git a/view/frontend/templates/breadcheckout/grouped.phtml b/view/frontend/templates/breadcheckout/grouped.phtml
index 2fc6f349..99ffc1c3 100644
--- a/view/frontend/templates/breadcheckout/grouped.phtml
+++ b/view/frontend/templates/breadcheckout/grouped.phtml
@@ -16,10 +16,10 @@
 <script>
     require([
         'jquery',
-        'splitpay',
+        'splitPay',
         'jquery/validate',
         'mage/validation'
-    ], function($, splitpay) {
+    ], function($, splitPay) {
         document.configureButton = function (items) {
             var buttonOnProduct     = <?= /* @noEscape */ $block->getIsButtonOnProduct(); ?>;
             var buttonCss           = '<?= /* @noEscape */ $block->getButtonDesign(); ?>';
@@ -218,7 +218,7 @@
 
                 if (typeof bread !== 'undefined') {
                     bread.checkout(breadConfig);
-                    splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-button', false);
+                    splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-button', false);
                 }
             }).fail(function(error) {
                 document.logBreadIssue('error', {},
diff --git a/view/frontend/templates/breadcheckout/price.phtml b/view/frontend/templates/breadcheckout/price.phtml
index 9d10aa9e..97aa223f 100644
--- a/view/frontend/templates/breadcheckout/price.phtml
+++ b/view/frontend/templates/breadcheckout/price.phtml
@@ -4,9 +4,9 @@
 <div class="splitpay-clickable-price" style="padding-bottom: 5px"></div>
 
 <script type="text/javascript">
-    require(['jquery', 'splitpay'], function($, splitpay) {
+    require(['jquery', 'splitPay'], function($, splitPay) {
 
-        document.splitpayconfigureButton = function (items) {
+        document.splitPayConfigureButton = function (items) {
             var buttonCss           = '<?= /* @noEscape */ $block->getButtonDesign(); ?>';
             var financingInfo   = <?= /* @noEscape */ $block->getFinancingJson(); ?>;
             var breadConfig = {
@@ -45,7 +45,7 @@
                 }
             }
 
-            if (!document.splitpayhasCheckedConfigData) {
+            if (!document.splitPayHasCheckedConfigData) {
 
                 var configDataUrl = '<?= /* @noEscape */ $block->getConfigDataUrl(); ?>';
                 $.ajax({
@@ -53,7 +53,7 @@
                     type: 'post',
                     context: this
                 }).done(function(data) {
-                    document.splitpayhasCheckedConfigData = true;
+                    document.splitPayHasCheckedConfigData = true;
 
                     if (data.shippingContact !== false) {
                         breadConfig.shippingContact = data.shippingContact;
@@ -64,7 +64,7 @@
                     }
 
                     if (typeof bread !== 'undefined') {
-                        splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-price', true);
+                        splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-price', true);
                     }
                 }).fail(function(error) {
                     document.logBreadIssue('error', {},
@@ -73,7 +73,7 @@
 
             } else {
                 if (typeof bread !== 'undefined') {
-                    splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-price', true);
+                    splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-price', true);
                 }
             }
 
@@ -85,25 +85,25 @@
          * Reconfigure Bread checkout button with updated
          * price and sku values
          */
-        document.splitpayresetPriceAndSku = function(configurable) {
+        document.splitPayResetPriceAndSku = function(configurable) {
             if (!configurable) {
-                document.splitpayconfigureButton(document.splitpaydefaultItems);
+                document.splitPayConfigureButton(document.splitPayDefaultItems);
             }
             else {
-                var price = document.splitpaycalculatePrice();
+                var price = document.splitPayCalculatePrice();
 
                 if(typeof document.customOptions !== "undefined"){
-                    sku = document.splitpayselectedSku + document.customOptions;
+                    sku = document.splitPaySelectedSku + document.customOptions;
                 } else {
-                    sku = document.splitpayselectedSku;
+                    sku = document.splitPaySelectedSku;
                 }
 
-                if (sku != document.splitpaypreviousSku || price != document.splitpaypreviousPrice) {
-                    document.splitpaypreviousSku                    = sku;
-                    document.splitpaypreviousPrice                  = price;
-                    document.splitpaydefaultItems[0]["sku"]         = document.splitpaypreviousSku;
-                    document.splitpaydefaultItems[0]["price"]       = document.splitpaypreviousPrice;
-                    document.splitpayconfigureButton(document.splitpaydefaultItems);
+                if (sku != document.splitPayPreviousSku || price != document.splitPayPreviousPrice) {
+                    document.splitPayPreviousSku                    = sku;
+                    document.splitPayPreviousPrice                  = price;
+                    document.splitPayDefaultItems[0]["sku"]         = document.splitPayPreviousSku;
+                    document.splitPayDefaultItems[0]["price"]       = document.splitPayPreviousPrice;
+                    document.splitPayConfigureButton(document.splitPayDefaultItems);
                 }
             }
         };
@@ -114,7 +114,7 @@
          *
          * @returns int
          */
-        document.splitpaycalculatePrice = function() {
+        document.splitPayCalculatePrice = function() {
             var price = 0;
             var customPrice = 0;
 
@@ -122,7 +122,7 @@
                 customPrice = document.priceWithOptions;
             }
 
-            var selectedProductPrices = spConfig && spConfig.optionPrices[document.splitpayselectedSimpleProductId];
+            var selectedProductPrices = spConfig && spConfig.optionPrices[document.splitPaySelectedSimpleProductId];
 
             if (selectedProductPrices) {
                 price = parseInt(Math.round(selectedProductPrices.finalPrice.amount * 100));
@@ -131,19 +131,19 @@
             return Math.max(price, customPrice);
         };
         <?php endif; ?>
-        document.splitpaydefaultItems       = <?= /* @noEscape */ $block->getProductDataJson(); ?>;
-        document.splitpaypreviousPrice      = document.splitpaydefaultItems[0]["price"];
-        document.splitpaypreviousSku        = document.splitpaydefaultItems[0]["sku"];
+        document.splitPayDefaultItems       = <?= /* @noEscape */ $block->getProductDataJson(); ?>;
+        document.splitPayPreviousPrice      = document.splitPayDefaultItems[0]["price"];
+        document.splitPayPreviousSku        = document.splitPayDefaultItems[0]["sku"];
 
         $(document).ready(function () {
             <?php if ($block->getProduct() != null) : ?>
-            document.splitpayproductId                      = '<?= /* @noEscape */ $block->getProduct()->getId(); ?>';
-            document.splitpaybaseProductSku                 = '<?= /* @noEscape */ $block->getProduct()->getSku(); ?>';
-            document.splitpayselectedSku                    = '<?= /* @noEscape */ $block->getProduct()->getSku(); ?>';
-            document.splitpayselectedSimpleProductId        = '<?= /* @noEscape */ $block->getProduct()->getId(); ?>';
-            document.splitpayresetPriceAndSku(false);
+            document.splitPayProductId                      = '<?= /* @noEscape */ $block->getProduct()->getId(); ?>';
+            document.splitPayBaseProductSku                 = '<?= /* @noEscape */ $block->getProduct()->getSku(); ?>';
+            document.splitPaySelectedSku                    = '<?= /* @noEscape */ $block->getProduct()->getSku(); ?>';
+            document.splitPaySelectedSimpleProductId        = '<?= /* @noEscape */ $block->getProduct()->getId(); ?>';
+            document.splitPayResetPriceAndSku(false);
             <?php else : ?>
-            document.splitpayconfigureButton(document.splitpaydefaultItems);
+            document.splitPayConfigureButton(document.splitPayDefaultItems);
             <?php endif; ?>
         });
     });
diff --git a/view/frontend/templates/breadcheckout/view.phtml b/view/frontend/templates/breadcheckout/view.phtml
index de705461..d43168d5 100644
--- a/view/frontend/templates/breadcheckout/view.phtml
+++ b/view/frontend/templates/breadcheckout/view.phtml
@@ -25,7 +25,7 @@
 </script>
 
 <script type="text/javascript">
-    require(['jquery', 'splitpay'], function($, splitpay) {
+    require(['jquery', 'splitPay'], function($, splitPay) {
 
         document.configureButton = function (items) {
             var buttonOnProduct     = <?= /* @noEscape */ $block->getIsButtonOnProduct(); ?>;
@@ -229,7 +229,7 @@
 
                     if (typeof bread !== 'undefined') {
                         bread.checkout(breadConfig);
-                        splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-button', false);
+                        splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-button', false);
                     }
                 }).fail(function(error) {
                     document.logBreadIssue('error', {},
@@ -239,7 +239,7 @@
             } else {
                 if (typeof bread !== 'undefined') {
                     bread.checkout(breadConfig);
-                    splitpay.setupSplitpay(breadConfig, '.splitpay-clickable-button', false);
+                    splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-button', false);
                 }
             }
         };
diff --git a/view/frontend/web/js/product/splitpay.js b/view/frontend/web/js/product/splitpay.js
index 236b6410..575beb3f 100644
--- a/view/frontend/web/js/product/splitpay.js
+++ b/view/frontend/web/js/product/splitpay.js
@@ -1,12 +1,6 @@
 define([], function () {
 
-    var MAX_SECS_BEFORE_ABORT = 10;
-    var TIMEOUT_INTERVAL = 100;
-    var RETRIES = MAX_SECS_BEFORE_ABORT * 1000 / TIMEOUT_INTERVAL;
-    var ERROR_PREFIX = 'Bread Integration Error: Could not setup promotional label for SplitPay. Reason: ';
-    var INTEGRATION_ERROR = 'Could not create Bread SplitPay Promotional Label within 5 seconds. Please verify that the provided selector is valid';
-
-    var splitpayPromo = function (opts, selector, includeInstallments) {
+    var splitPayPromo = function (opts, selector, includeInstallments) {
         if (window.bread === undefined || window.bread.ldflags['multipay-enable'] === false) {
             return;
         }
@@ -38,14 +32,24 @@ define([], function () {
     };
 
     return {
-        setupSplitpay: function (breadConfig, selector, includeInstallments) {
+        setupSplitPay: function (breadConfig, selector, includeInstallments) {
+            var boundSplitPayPromo = splitPayPromo.bind(null, breadConfig, selector, includeInstallments);
+            this.waitForFlagsToLoad(boundSplitPayPromo);
+        },
+        waitForFlagsToLoad: function (cb) {
+            var MAX_SECS_BEFORE_ABORT = 10;
+            var TIMEOUT_INTERVAL = 100;
+            var RETRIES = MAX_SECS_BEFORE_ABORT * 1000 / TIMEOUT_INTERVAL;
+            var ERROR_PREFIX = 'Bread Integration Error: Could not setup promotional label for SplitPay. Reason: ';
+            var INTEGRATION_ERROR = 'Could not create Bread SplitPay Promotional Label within 5 seconds. Please verify that the provided selector is valid';
+
             var retryCount = 0;
 
-            var retry = window.setInterval(() => {
+            var retry = window.setInterval(function() {
                 try {
                     if (window.bread && window.bread.ldflags && window.bread.ldflags._isReady) {
                         window.clearInterval(retry);
-                        splitpayPromo(breadConfig, selector, includeInstallments); // Pass in opts. Probably need to rename this variable depending on the environment (Shopify vs M1 vs M2 vs WC).
+                        cb();
                     }
                     if (retryCount < RETRIES) {
                         retryCount += 1;
@@ -53,11 +57,11 @@ define([], function () {
                         throw new Error(INTEGRATION_ERROR);
                     }
                 } catch (err) {
-                    console.error(`${ERROR_PREFIX}${err}`);
+                    console.error(ERROR_PREFIX + err);
                     window.clearInterval(retry);
                     // May also want to do something in this error case so its never "broken"
                 }
             }, TIMEOUT_INTERVAL);
-        },
+        }
     }
 });
\ No newline at end of file
diff --git a/view/frontend/web/js/view/payment/method-renderer/breadcheckout.js b/view/frontend/web/js/view/payment/method-renderer/breadcheckout.js
index 0d84f29a..7f99f126 100644
--- a/view/frontend/web/js/view/payment/method-renderer/breadcheckout.js
+++ b/view/frontend/web/js/view/payment/method-renderer/breadcheckout.js
@@ -4,6 +4,7 @@ define(
         'ko',
         'jquery',
         'buttonConfig',
+        'splitPay',
         'Magento_Customer/js/model/customer',
         'Magento_Checkout/js/action/create-billing-address',
         'Magento_Checkout/js/action/select-billing-address',
@@ -21,6 +22,7 @@ define(
         ko,
         $,
         button,
+        splitPay,
         customer,
         createBillingAddress,
         selectBillingAddress,
@@ -80,6 +82,23 @@ define(
                     return window.checkoutConfig.payment[this.getCode()].breadConfig.methodTooltip;
                 },
 
+                getTitle: function () {
+                    splitPay.waitForFlagsToLoad(function() {
+                        var INSTALLMENTS_BLUE = '#5156ea';
+                        var SPLITPAY_GREEN = '#57c594';
+
+                        if (window.bread.ldflags['multipay-enable'] === true) {
+                            var label = jQuery('#breadcheckout').next('label').attr("for", "breadcheckout");
+                            label.text('');
+                            label.append('Pay Over Time with ' +
+                                '<span style="color: ' + INSTALLMENTS_BLUE + '; font-weight: 600;">Installments</span> or ' +
+                                '<span style="color: ' + SPLITPAY_GREEN + '; font-weight: 600;">SplitPay</span>');
+                        }
+                    });
+
+                    return window.checkoutConfig.payment[this.getCode()].breadConfig.methodTitle;
+                },
+
                 /**
                  * Embedded checkout enabled
                  */
diff --git a/view/frontend/web/template/payment/breadcheckout.html b/view/frontend/web/template/payment/breadcheckout.html
index 911d0206..88f76583 100644
--- a/view/frontend/web/template/payment/breadcheckout.html
+++ b/view/frontend/web/template/payment/breadcheckout.html
@@ -5,7 +5,7 @@
                class="radio"
                data-bind="attr: {'id': getCode()}, value: getCode(), checked: isChecked, click: selectPaymentMethod, visible: isRadioButtonVisible()"/>
         <label class="label" data-bind="attr: {'for': getCode()}">
-            <span data-bind="text: getTitle(), attr: {'title': getMethodTooltip()}"></span>
+            <span data-bind="html: getTitle(), attr: {'title': getMethodTooltip()}"></span>
         </label>
     </div>
 

From c8900f1b029b4cd4f8cb02c9747dfa810d61e79b Mon Sep 17 00:00:00 2001
From: David Froneberger <dfroneberger@breadfinance.com>
Date: Wed, 9 Oct 2019 16:58:14 -0400
Subject: [PATCH 5/9] added support for updating price splitpay label when
 price changes

---
 view/frontend/templates/breadcheckout/bundle.phtml       | 1 +
 view/frontend/templates/breadcheckout/configurable.phtml | 1 +
 view/frontend/web/js/product/options.js                  | 1 +
 3 files changed, 3 insertions(+)

diff --git a/view/frontend/templates/breadcheckout/bundle.phtml b/view/frontend/templates/breadcheckout/bundle.phtml
index 85ffa687..93d81140 100644
--- a/view/frontend/templates/breadcheckout/bundle.phtml
+++ b/view/frontend/templates/breadcheckout/bundle.phtml
@@ -219,6 +219,7 @@ require([
                         document.defaultItems[0]["price"]   = this.cache.currentElement.selectedPrice * 100;
                         document.selectedSku                = this.cache.currentElement.selectedSku;
                         document.configureButton(document.defaultItems);
+                        document.splitPayConfigureButton(document.defaultItems);
                     }
                 }
             },
diff --git a/view/frontend/templates/breadcheckout/configurable.phtml b/view/frontend/templates/breadcheckout/configurable.phtml
index 73d6c3b1..bf7fd496 100644
--- a/view/frontend/templates/breadcheckout/configurable.phtml
+++ b/view/frontend/templates/breadcheckout/configurable.phtml
@@ -40,6 +40,7 @@
                         document.selectedSku = document.baseProductSku + "///" +
                             document.Skus[document.selectedSimpleProductId];
                         document.resetPriceAndSku(true);
+                        document.splitPayResetPriceAndSku(true);
                     }
                 }
             };
diff --git a/view/frontend/web/js/product/options.js b/view/frontend/web/js/product/options.js
index faead93f..67f8ee82 100644
--- a/view/frontend/web/js/product/options.js
+++ b/view/frontend/web/js/product/options.js
@@ -139,6 +139,7 @@ define(
 
                     document.customOptions = document.getSkuForOptions(selectedOptions);
                     document.resetPriceAndSku(true);
+                    document.splitPayResetPriceAndSku(true);
                 }
             );
         };

From c6a89461957e81de46ca477fc09ce930b3f586ab Mon Sep 17 00:00:00 2001
From: David Froneberger <dfroneberger@breadfinance.com>
Date: Wed, 9 Oct 2019 16:58:37 -0400
Subject: [PATCH 6/9] added prevent layover for when grouped products price is
 updating

---
 view/frontend/templates/breadcheckout/grouped.phtml | 12 +++++++++---
 view/frontend/web/js/product/button.js              |  4 ++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/view/frontend/templates/breadcheckout/grouped.phtml b/view/frontend/templates/breadcheckout/grouped.phtml
index 99ffc1c3..56e9b4d4 100644
--- a/view/frontend/templates/breadcheckout/grouped.phtml
+++ b/view/frontend/templates/breadcheckout/grouped.phtml
@@ -10,6 +10,9 @@
     <div class="button-prevent" id="button-prevent">
         <span class="buy_error_tip override_tip" data-content="<?= /* @noEscape */ __('Please complete product configuration') ?>">&nbsp;</span>
     </div>
+    <div class="button-prevent" id="button-prevent-updating">
+        <span class="buy_error_tip override_tip" data-content="<?= /* @noEscape */ __('Please wait') ?>">&nbsp;</span>
+    </div>
     <div class="splitpay-clickable-button"></div>
 </div>
 
@@ -217,6 +220,7 @@
                 }
 
                 if (typeof bread !== 'undefined') {
+                    $('#button-prevent-updating').hide();
                     bread.checkout(breadConfig);
                     splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-button', false);
                 }
@@ -233,7 +237,8 @@
              * Overlay element onto bread button to prevent
              * it from being clicked until options are selected
              */
-            $('.button-prevent').show();
+            $('#button-prevent').show();
+            $('#button-prevent-updating').hide();
 
             $('#product_addtocart_form').on('change', function() {
                 document.updateButton(this);
@@ -246,7 +251,8 @@
 
         document.updateButton = function(form) {
             if ($(form).valid()) {
-                $('.button-prevent').hide();
+                $('#button-prevent').hide();
+                $('#button-prevent-updating').show();
 
                 var groupedButtonUpdateUrl = '<?= /* @noEscape */ $block->getGroupedButtonUpdate()?>';
                 var serializedForm = $(form).serialize();
@@ -260,7 +266,7 @@
                     if (response.items) {
                         document.configureButton(response.items);
                     } else {
-                        $('.button-prevent').show();
+                        $('#button-prevent').show();
                     }
                 }).fail(function(error) {
                     var errorInfo = {
diff --git a/view/frontend/web/js/product/button.js b/view/frontend/web/js/product/button.js
index bde3e9a6..db9784da 100644
--- a/view/frontend/web/js/product/button.js
+++ b/view/frontend/web/js/product/button.js
@@ -50,9 +50,9 @@ define(
                     var isValid = areInputElementsSet && areRadioAndCheckboxElementsSet;
 
                     if(isValid) {
-                        $('.button-prevent').hide();
+                        $('#button-prevent').hide();
                     }else{
-                        $('.button-prevent').show();
+                        $('#button-prevent').show();
                     }
 
                 }

From 9193d5ea00552c54665bd6e33cb67fbe86ea260b Mon Sep 17 00:00:00 2001
From: David Froneberger <dfroneberger@breadfinance.com>
Date: Wed, 9 Oct 2019 17:37:49 -0400
Subject: [PATCH 7/9] added comment for later refactor and small change to
 button-prevent-loading

---
 view/frontend/templates/breadcheckout/grouped.phtml | 2 +-
 view/frontend/templates/breadcheckout/price.phtml   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/view/frontend/templates/breadcheckout/grouped.phtml b/view/frontend/templates/breadcheckout/grouped.phtml
index 56e9b4d4..7117391d 100644
--- a/view/frontend/templates/breadcheckout/grouped.phtml
+++ b/view/frontend/templates/breadcheckout/grouped.phtml
@@ -220,9 +220,9 @@
                 }
 
                 if (typeof bread !== 'undefined') {
-                    $('#button-prevent-updating').hide();
                     bread.checkout(breadConfig);
                     splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-button', false);
+                    $('#button-prevent-updating').hide();
                 }
             }).fail(function(error) {
                 document.logBreadIssue('error', {},
diff --git a/view/frontend/templates/breadcheckout/price.phtml b/view/frontend/templates/breadcheckout/price.phtml
index 97aa223f..914b6061 100644
--- a/view/frontend/templates/breadcheckout/price.phtml
+++ b/view/frontend/templates/breadcheckout/price.phtml
@@ -3,6 +3,7 @@
 
 <div class="splitpay-clickable-price" style="padding-bottom: 5px"></div>
 
+<?php /** TODO: rename these javascript functions when doing refactor of template files */ ?>
 <script type="text/javascript">
     require(['jquery', 'splitPay'], function($, splitPay) {
 

From 15c3be74ca4e6c5bc1e89aa21e9532c6dbb51701 Mon Sep 17 00:00:00 2001
From: David Froneberger <dfroneberger@breadfinance.com>
Date: Mon, 28 Oct 2019 16:47:56 -0400
Subject: [PATCH 8/9] add extra property to breadConfig to disallow splitpay
 checkout from PDP and cart

---
 view/adminhtml/web/js/breadcheckout.js               | 1 +
 view/frontend/templates/breadcheckout/cartview.phtml | 1 +
 view/frontend/templates/breadcheckout/grouped.phtml  | 1 +
 view/frontend/templates/breadcheckout/minicart.phtml | 1 +
 view/frontend/templates/breadcheckout/view.phtml     | 1 +
 5 files changed, 5 insertions(+)

diff --git a/view/adminhtml/web/js/breadcheckout.js b/view/adminhtml/web/js/breadcheckout.js
index 6e65aa08..804a2dde 100644
--- a/view/adminhtml/web/js/breadcheckout.js
+++ b/view/adminhtml/web/js/breadcheckout.js
@@ -13,6 +13,7 @@ define(
 
                 var breadConfig = {
                     buttonId: 'bread-checkout-btn',
+                    allowSplitPayCheckout: false,
                     shippingOptions: [data.shippingOptions],
                     tax: data.tax,
                     customTotal: data.grandTotal,
diff --git a/view/frontend/templates/breadcheckout/cartview.phtml b/view/frontend/templates/breadcheckout/cartview.phtml
index f9b9967f..e3cb1867 100644
--- a/view/frontend/templates/breadcheckout/cartview.phtml
+++ b/view/frontend/templates/breadcheckout/cartview.phtml
@@ -36,6 +36,7 @@
 
             var breadConfig = {
                 buttonId: "bread-checkout-btn",
+                allowSplitPayCheckout: false,
                 asLowAs: <?= /* @noEscape */ $block->getAsLowAs(); ?>,
                 actAsLabel: false,
                 <?php if (!$block->isHealthcare()) : ?>
diff --git a/view/frontend/templates/breadcheckout/grouped.phtml b/view/frontend/templates/breadcheckout/grouped.phtml
index 7117391d..f92924b4 100644
--- a/view/frontend/templates/breadcheckout/grouped.phtml
+++ b/view/frontend/templates/breadcheckout/grouped.phtml
@@ -34,6 +34,7 @@
 
             var breadConfig = {
                 buttonId: "bread-checkout-btn",
+                allowSplitPayCheckout: false,
                 <?php if (!$block->isHealthcare()) : ?>
                 items: items,
                 <?php else : ?>
diff --git a/view/frontend/templates/breadcheckout/minicart.phtml b/view/frontend/templates/breadcheckout/minicart.phtml
index bea7e32e..6bcc8c21 100644
--- a/view/frontend/templates/breadcheckout/minicart.phtml
+++ b/view/frontend/templates/breadcheckout/minicart.phtml
@@ -35,6 +35,7 @@
 
             var breadConfig = {
                 buttonId: "bread-checkout-btn-minicart",
+                allowSplitPayCheckout: false,
                 asLowAs: <?= /* @noEscape */ $block->getAsLowAs(); ?>,
                 actAsLabel: false,
                 <?php if (!$block->isHealthcare()) : ?>
diff --git a/view/frontend/templates/breadcheckout/view.phtml b/view/frontend/templates/breadcheckout/view.phtml
index d43168d5..532ca68c 100644
--- a/view/frontend/templates/breadcheckout/view.phtml
+++ b/view/frontend/templates/breadcheckout/view.phtml
@@ -33,6 +33,7 @@
             var financingInfo   = <?= /* @noEscape */ $block->getFinancingJson(); ?>;
             var breadConfig = {
                 buttonId: "bread-checkout-btn",
+                allowSplitPayCheckout: false,
                 asLowAs: <?= /* @noEscape */ $block->getAsLowAs(); ?>,
                 <?php if (!$block->isHealthcare()) : ?>
                 items: items,

From 62a6c0fb55c98d48dab91ce1c4c715ef0571ea81 Mon Sep 17 00:00:00 2001
From: David Froneberger <dfroneberger@breadfinance.com>
Date: Tue, 10 Mar 2020 10:05:07 -0400
Subject: [PATCH 9/9] small bugfix around handling undefined var

---
 view/frontend/templates/breadcheckout/price.phtml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/view/frontend/templates/breadcheckout/price.phtml b/view/frontend/templates/breadcheckout/price.phtml
index 914b6061..fd90f3de 100644
--- a/view/frontend/templates/breadcheckout/price.phtml
+++ b/view/frontend/templates/breadcheckout/price.phtml
@@ -123,7 +123,7 @@
                 customPrice = document.priceWithOptions;
             }
 
-            var selectedProductPrices = spConfig && spConfig.optionPrices[document.splitPaySelectedSimpleProductId];
+            var selectedProductPrices = (typeof spConfig !== "undefined") && spConfig.optionPrices[document.splitPaySelectedSimpleProductId];
 
             if (selectedProductPrices) {
                 price = parseInt(Math.round(selectedProductPrices.finalPrice.amount * 100));
