From cb8b4b29b3ec69effeca6fb4a38dbba42a67a4d9 Mon Sep 17 00:00:00 2001
From: Christopher Shea <chris.shea@subscribepro.com>
Date: Tue, 23 Apr 2024 15:50:55 +0200
Subject: [PATCH] feat: Update my subscriptions template to make it easier to
 include function properties.

---
 .../subpro/account/mysubscriptions.isml       | 70 ++++++++++++-------
 1 file changed, 45 insertions(+), 25 deletions(-)

diff --git a/cartridges/int_subscribe_pro_sfra/cartridge/templates/default/subpro/account/mysubscriptions.isml b/cartridges/int_subscribe_pro_sfra/cartridge/templates/default/subpro/account/mysubscriptions.isml
index bd87c10..6672983 100644
--- a/cartridges/int_subscribe_pro_sfra/cartridge/templates/default/subpro/account/mysubscriptions.isml
+++ b/cartridges/int_subscribe_pro_sfra/cartridge/templates/default/subpro/account/mysubscriptions.isml
@@ -1,32 +1,52 @@
-<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<iscontent type="text/html" charset="UTF-8" compact="true" />
 <isdecorate template="common/layout/page">
 
-    <div class="hero slant-down account-image">
-        <h1 class="page-title">${Resource.msg('account.subpro.mysubscriptions', 'account', null)}</h1>
-    </div>
+  <div class="hero slant-down account-image">
+    <h1 class="page-title">${Resource.msg('account.subpro.mysubscriptions', 'account', null)}</h1>
+  </div>
 
-    <div class="container">
-        <isscript>
+  <div class="container">
+    <isscript>
             var assets = require('*/cartridge/scripts/assets.js');
             assets.addCss('/css/style.css');
         </isscript>
-        <!---Breadcrumbs--->
-        <isinclude template="components/breadcrumbs/pageBreadcrumbs"/>
-        <!-- Subscribe Pro My Subscriptions Widget -->
-        <div id="sp-my-subscriptions"></div>
-
-        <iscomment>
-            Configure the Subscribe Pro My Subscriptions Widget
-        </iscomment>
-
-        <!-- Load the Subscribe Pro widget script -->
-        <script src="${require('dw/system/Site').getCurrent().getCustomPreferenceValue('subproWidgetScriptUrl')}"></script>
-
-        <!-- Pass configuration and init the Subscribe Pro widget -->
-        <script>
-            // Setup config for Subscribe Pro
-            var widgetConfig = "<isprint value="${JSON.stringify(require('*/cartridge/scripts/subpro/helpers/widgetsHelper').getWidgetConfig(customer.profile.custom.subproCustomerID, 'client_credentials', 'widget', 'sp-my-subscriptions'))}" encoding="jsblock" />";
-            MySubscriptions.init(JSON.parse(widgetConfig));
+    <!---Breadcrumbs--->
+    <isinclude template="components/breadcrumbs/pageBreadcrumbs" />
+    <!-- Subscribe Pro My Subscriptions Widget -->
+    <div id="sp-my-subscriptions"></div>
+
+    <iscomment>
+      Configure the Subscribe Pro My Subscriptions Widget
+    </iscomment>
+
+    <!-- Load the Subscribe Pro widget script -->
+    <script src="${require('dw/system/Site').getCurrent().getCustomPreferenceValue('subproWidgetScriptUrl')}"></script>
+
+    <isset name="widgetConfig" value="${require('*/cartridge/scripts/subpro/helpers/widgetsHelper').getWidgetConfig(customer.profile.custom.subproCustomerID,
+                                    'client_credentials', 'widget', 'sp-my-subscriptions')}" scope="page" />
+
+    <!-- Pass configuration and init the Subscribe Pro widget -->
+    <script>
+          // Setup config for Subscribe Pro
+          
+          let widgetConfig = JSON.parse(
+            "${JSON.stringify(widgetConfig)}".replace(/&quot;/g, '"')
+          );
+
+          /*
+           * These settings accept functions that can be used to modify the widget configuration
+           * https://docs.subscribepro.com/technical/hosted-widgets/my-subscriptions-widget/widget-config/
+           * 
+           * widgetConfig.filterSubscriptions = 
+           * widgetConfig.sections.productInfo.productTitle.url = 
+           * widgetConfig.sections.nextDate.onBeforeUpdate =
+           * widgetConfig.sections.nextDate.datepickerOptions.filterDate =
+           * widgetConfig.modals.newAddress.isUserAddressValid =
+           * widgetConfig.modals.editAddress.isUserAddressValid =
+           * 
+           */
+
+          MySubscriptions.init(widgetConfig);
         </script>
-    </div>
-</isdecorate>
+  </div>
+</isdecorate>
\ No newline at end of file