@fonixtree/magic-design 2.0.163 → 2.0.164

package/lib/composite-comp/bol/components/WalletNuri/mobile/index.js

@@ -268,12 +268,8 @@ function (_super) {
     };
 
     _this.clickJump = function (title) {
-      if (title === 'Saldo') {
-        (0, _coreUtil.clickUrl)('/social-commerce/my-earnings');
-      } else if (title === 'Koin') {
-        (0, _coreUtil.clickUrl)('/my-points');
-      } else if (title === 'Voucher') {
-        (0, _coreUtil.clickUrl)('/my-coupon');
+      if (title !== 'Voucher') {
+        (0, _coreUtil.clickUrl)('/main/my-commission');
       }
     };
 

package/lib/composite-comp/dito/components/Bargain/defaultJSON.js

@@ -9,8 +9,13 @@ var _uuid = require("uuid");
 
 var _base = require("../../../../assets/images/base64");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var contentId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'BARGAIN',
@@ -28,7 +33,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Refer and Bargain',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 14,
           color: '#FFFFFF'
@@ -54,7 +59,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 12,
           fontStyle: 'normal',
@@ -102,7 +107,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 8,
           fontStyle: 'normal',
@@ -142,7 +147,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: '',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 14,
           color: '#2C2C2C'
@@ -166,7 +171,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: '',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 14,
           color: '#CE1126'
@@ -190,7 +195,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: '',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 10,
           color: '#929292'

package/lib/composite-comp/dito/components/CommonFunctions/defaultJSON.js

@@ -7,8 +7,13 @@ exports.getDefaultJSON = exports.CommonFunctionsGroupSourceJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var CommonFunctionsGroupSourceJSON = function CommonFunctionsGroupSourceJSON(text, url) {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     title: {
@@ -20,7 +25,7 @@ var CommonFunctionsGroupSourceJSON = function CommonFunctionsGroupSourceJSON(tex
       text: text || 'Chat With Us',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 600,
         fontSize: 14,
         color: '#2C2C2C',

package/lib/composite-comp/dito/components/FlashDeal/defaultJSON.js

@@ -9,8 +9,13 @@ var _uuid = require("uuid");
 
 var _base = require("../../../../assets/images/base64");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var contentId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'FLASH_DEAL',
@@ -28,7 +33,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 14,
           color: '#2C2C2C'
@@ -54,7 +59,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 12,
           fontStyle: 'normal',
@@ -106,7 +111,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 8,
           fontStyle: 'normal',
@@ -146,7 +151,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 14,
           color: '#2C2C2C'
@@ -170,7 +175,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 14,
           color: '#CE1126'
@@ -194,7 +199,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 10,
           color: '#929292'

package/lib/composite-comp/dito/components/GroupBuy/defaultJSON.js

@@ -7,8 +7,13 @@ exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var contentId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'GROUP_BUY',
@@ -21,7 +26,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Group Buy',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 16,
           color: '#000'
@@ -47,7 +52,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 13,
           fontStyle: 'normal',
@@ -95,7 +100,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 8,
           fontStyle: 'normal',
@@ -129,7 +134,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Group Buy',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 13,
           color: '#232F46'
@@ -153,7 +158,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Group Buy',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 13,
           color: '#CE1126'
@@ -177,7 +182,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Group Buy',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 10,
           color: '#8493AF'

package/lib/composite-comp/dito/components/MobileNavigation/defaultJSON.js

@@ -7,8 +7,13 @@ exports.getDefaultJSON = exports.MobileNavGroupSourceJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var MobileNavGroupSourceJSON = function MobileNavGroupSourceJSON() {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     image: {
@@ -40,7 +45,7 @@ var MobileNavGroupSourceJSON = function MobileNavGroupSourceJSON() {
       text: 'name',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 600,
         fontSize: 12,
         color: '#232F46',

package/lib/composite-comp/dito/components/Orders/defaultJSON.js

@@ -7,8 +7,13 @@ exports.getDefaultJSON = exports.OrdersGroupSourceJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var OrdersGroupSourceJSON = function OrdersGroupSourceJSON(text) {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     title: {
@@ -20,7 +25,7 @@ var OrdersGroupSourceJSON = function OrdersGroupSourceJSON(text) {
       text: text || 'Name',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 400,
         fontSize: 12,
         color: '#2C2C2C',

package/lib/composite-comp/dito/components/PcNavigation/defaultJSON.js

@@ -9,8 +9,13 @@ var _uuid = require("uuid");
 
 var _base = require("../../../../assets/images/base64");
 
+var _constants = require("../../../../constants");
+
 var PcNavGroupSourceJSON = function PcNavGroupSourceJSON() {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     title: {
@@ -22,7 +27,7 @@ var PcNavGroupSourceJSON = function PcNavGroupSourceJSON() {
       text: 'Navigation',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 400,
         fontSize: 16,
         pcFontSize: 16,
@@ -78,7 +83,7 @@ var getDefaultJSON = function getDefaultJSON() {
         iconUrl: _base.pcNavIcon,
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 16,
           pcFontSize: 16,
@@ -91,7 +96,7 @@ var getDefaultJSON = function getDefaultJSON() {
         specialContent: [],
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 16,
           pcFontSize: 16,
@@ -104,7 +109,7 @@ var getDefaultJSON = function getDefaultJSON() {
         specialContent: [],
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 16,
           pcFontSize: 16,
@@ -117,7 +122,7 @@ var getDefaultJSON = function getDefaultJSON() {
         specialContent: [],
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 16,
           pcFontSize: 16,

package/lib/composite-comp/dito/components/PersonalInformation/defaultJSON.js

@@ -7,8 +7,13 @@ exports.getDefaultJSON = exports.PersonalInfoGroupSourceJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var PersonalInfoGroupSourceJSON = function PersonalInfoGroupSourceJSON(text) {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     title: {
@@ -20,7 +25,7 @@ var PersonalInfoGroupSourceJSON = function PersonalInfoGroupSourceJSON(text) {
       text: text || 'Name',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 400,
         fontSize: 12,
         color: '#fff',
@@ -43,7 +48,7 @@ var PersonalInfoGroupSourceJSON = function PersonalInfoGroupSourceJSON(text) {
       text: 0,
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 600,
         fontSize: 18,
         color: '#fff',

package/lib/composite-comp/dito/components/Recommend/defaultJSON.js

@@ -7,10 +7,15 @@ exports.recommendGroupSourceJSON = exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var recommendGroupSourceJSON = function recommendGroupSourceJSON(parentId, logo, text) {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
   var imageId = (0, _uuid.v4)();
   var groupNameId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     parentId: parentId,
@@ -43,7 +48,7 @@ var recommendGroupSourceJSON = function recommendGroupSourceJSON(parentId, logo,
       text: text,
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 400,
         fontSize: 14,
         color: '#8493AF'
@@ -67,7 +72,7 @@ var recommendGroupSourceJSON = function recommendGroupSourceJSON(parentId, logo,
       },
       buttonText: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 400,
         fontSize: 12,
         fontStyle: 'normal',
@@ -134,7 +139,7 @@ var recommendGroupSourceJSON = function recommendGroupSourceJSON(parentId, logo,
         text: text,
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 14,
           color: '#CE1126'
@@ -153,7 +158,10 @@ var recommendGroupSourceJSON = function recommendGroupSourceJSON(parentId, logo,
 exports.recommendGroupSourceJSON = recommendGroupSourceJSON;
 
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     type: 'RECOMMEND',
@@ -170,7 +178,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 8,
           fontStyle: 'normal',
@@ -209,7 +217,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 14,
           color: '#232F46'
@@ -232,7 +240,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 14,
           color: '#CE1126'
@@ -255,7 +263,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 10,
           color: '#8493AF'

package/lib/composite-comp/dito/components/SearchBar/defaultJSON.js

@@ -7,7 +7,12 @@ exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'SEARCH',
@@ -50,7 +55,7 @@ var getDefaultJSON = function getDefaultJSON() {
         placeholder: 'Tshirt Woman',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 12,
           pcFontSize: 14,

package/lib/composite-comp/dito/components/SignBoard/defaultJSON.js

@@ -7,7 +7,12 @@ exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'SIGN_BOARD',
@@ -39,7 +44,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Title',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 16,
           color: '#070707'
@@ -67,10 +72,6 @@ var getDefaultJSON = function getDefaultJSON() {
         marginBottom: window.magicDesign.compSpacing
       }
     },
-    // customize: {
-    //   layout: 'left',
-    //   align: 'left',
-    // },
     background: {
       opacity: 100,
       color: '#fff',

package/lib/composite-comp/monpay/components/InterestProducts/defaultJSON.js

@@ -7,8 +7,13 @@ exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var contentId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'INTEREST_PRODUCTS',
@@ -21,7 +26,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Nutrition & Wellness supplements',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 15,
           color: '#000'

package/lib/composite-comp/monpay/components/MerchantSales/defaultJSON.js

@@ -7,8 +7,13 @@ exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var contentId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'MERCHANT_SALES',
@@ -44,7 +49,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Name',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 14,
           color: '#000',

package/lib/composite-comp/monpay/components/MonpayFlashDeal/defaultJSON.js

@@ -9,8 +9,13 @@ var _uuid = require("uuid");
 
 var _base = require("../../../../assets/images/base64");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var contentId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'MONPAY_FLASH_DEAL',
@@ -28,7 +33,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 13,
           color: '#232F46'
@@ -54,7 +59,7 @@ var getDefaultJSON = function getDefaultJSON() {
           text: '',
           content: {
             sizeType: 'Customize font styles',
-            fontFamily: 'Open Sans',
+            fontFamily: defaultFontFamily,
             fontWeight: 400,
             fontSize: 11,
             color: '#8493AF'
@@ -82,7 +87,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 14,
           fontStyle: 'normal',
@@ -134,7 +139,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 8,
           fontStyle: 'normal',
@@ -177,7 +182,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 8,
           fontStyle: 'normal',
@@ -217,7 +222,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: '',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 14,
           color: '#2C2C2C'
@@ -241,7 +246,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: '',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 14,
           color: '#CE1126'
@@ -265,7 +270,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: '',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 10,
           color: '#929292'