Instagram Feed - Version 6.1

Version Description

  • New: Added the ability to filter "Reels" posts in feeds. When customizing a feed and using the moderation settings you can now choose to show or hide Instagram "Reels" posts.
  • New: Add a header image and bio text for personal sources. Go to the settings page and click on the gear icon to add this to an existing source.
  • New: Added support for Instagram "Reels" oEmbeds. Use WordPress' embed block to create rich oEmbed links in blog posts and pages.
  • Tweak: Vue.js code is now loaded from a local file shipped with the plugin rather than an external CDN for use with the customizer in the admin area.
Download this release

Release Info

Developer Craig at Smash Balloon
Plugin Icon 128x128 Instagram Feed
Version 6.1
Comparing to
See all releases

Code changes from version 6.0.8 to 6.1

README.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: smashballoon, craig-at-smash-balloon, am, smub
3
  Tags: Instagram, Instagram feed, Instagram photos, Instagram widget, Instagram gallery
4
  Requires at least: 4.1
5
- Tested up to: 6.0
6
- Stable tag: 6.0.8
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -331,6 +331,12 @@ We understand that sometimes you need help, have issues or just have questions.
331
  * Plus more customization options added all the time!
332
 
333
  == Changelog ==
 
 
 
 
 
 
334
  = 6.0.8 =
335
  * Tweak: Added a workaround to retrieve missing images if none were returned by Instagram for a post.
336
  * Fix: Custom colors assigned to the Follow button would not apply when using a custom color palette.
2
  Contributors: smashballoon, craig-at-smash-balloon, am, smub
3
  Tags: Instagram, Instagram feed, Instagram photos, Instagram widget, Instagram gallery
4
  Requires at least: 4.1
5
+ Tested up to: 6.1
6
+ Stable tag: 6.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
331
  * Plus more customization options added all the time!
332
 
333
  == Changelog ==
334
+ = 6.1 =
335
+ * New: Added the ability to filter "Reels" posts in feeds. When customizing a feed and using the moderation settings you can now choose to show or hide Instagram "Reels" posts.
336
+ * New: Add a header image and bio text for personal sources. Go to the settings page and click on the gear icon to add this to an existing source.
337
+ * New: Added support for Instagram "Reels" oEmbeds. Use WordPress' embed block to create rich oEmbed links in blog posts and pages.
338
+ * Tweak: Vue.js code is now loaded from a local file shipped with the plugin rather than an external CDN for use with the customizer in the admin area.
339
+
340
  = 6.0.8 =
341
  * Tweak: Added a workaround to retrieve missing images if none were returned by Instagram for a post.
342
  * Fix: Custom colors assigned to the Follow button would not apply when using a custom color palette.
admin/SBI_About_Us.php CHANGED
@@ -88,13 +88,13 @@ class SBI_About_Us {
88
  SBIVER
89
  );
90
 
91
- wp_enqueue_script(
92
- 'vue-main',
93
- 'https://cdn.jsdelivr.net/npm/vue@2.6.12',
94
- null,
95
- '2.6.12',
96
- true
97
- );
98
 
99
  wp_enqueue_script(
100
  'about-app',
88
  SBIVER
89
  );
90
 
91
+ wp_enqueue_script(
92
+ 'sb-vue',
93
+ SBI_PLUGIN_URL . 'js/vue.min.js',
94
+ null,
95
+ '2.6.12',
96
+ true
97
+ );
98
 
99
  wp_enqueue_script(
100
  'about-app',
admin/SBI_Support.php CHANGED
@@ -100,12 +100,12 @@ class SBI_Support {
100
  );
101
 
102
  wp_enqueue_script(
103
- 'vue-main',
104
- 'https://cdn.jsdelivr.net/npm/vue@2.6.12',
105
- null,
106
- '2.6.12',
107
- true
108
- );
109
 
110
  wp_enqueue_script(
111
  'support-app',
100
  );
101
 
102
  wp_enqueue_script(
103
+ 'sb-vue',
104
+ SBI_PLUGIN_URL . 'js/vue.min.js',
105
+ null,
106
+ '2.6.12',
107
+ true
108
+ );
109
 
110
  wp_enqueue_script(
111
  'support-app',
admin/SBI_oEmbeds.php CHANGED
@@ -138,12 +138,12 @@ class SBI_oEmbeds {
138
  );
139
 
140
  wp_enqueue_script(
141
- 'feed-vue',
142
- 'https://cdn.jsdelivr.net/npm/vue@2.6.12',
143
- null,
144
- '2.6.12',
145
- true
146
- );
147
 
148
  wp_enqueue_script(
149
  'oembeds-app',
@@ -229,6 +229,9 @@ class SBI_oEmbeds {
229
 
230
  update_option( 'cff_oembed_token', $newly_retrieved_oembed_connection_data );
231
  update_option( 'sbi_oembed_token', $newly_retrieved_oembed_connection_data );
 
 
 
232
  } elseif ( ! empty( $newly_retrieved_oembed_connection_data ) ) {
233
  $return['newOembedData'] = $newly_retrieved_oembed_connection_data;
234
  }
@@ -252,6 +255,65 @@ class SBI_oEmbeds {
252
  return $return;
253
  }
254
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
255
  /**
256
  * Connection URLs are based on the website connecting accounts so that is
257
  * configured here and returned
@@ -294,7 +356,7 @@ class SBI_oEmbeds {
294
  if ( ! $screen ) {
295
  return false;
296
  }
297
- if ( $screen->id !== 'instagram-feed_page_sbi-oembeds-manager') {
298
  return false;
299
  }
300
  if ( ! empty( $_GET['transfer'] ) ) {
138
  );
139
 
140
  wp_enqueue_script(
141
+ 'sb-vue',
142
+ SBI_PLUGIN_URL . 'js/vue.min.js',
143
+ null,
144
+ '2.6.12',
145
+ true
146
+ );
147
 
148
  wp_enqueue_script(
149
  'oembeds-app',
229
 
230
  update_option( 'cff_oembed_token', $newly_retrieved_oembed_connection_data );
231
  update_option( 'sbi_oembed_token', $newly_retrieved_oembed_connection_data );
232
+
233
+ // If the access token is new or has changed, then we need to clear the cache.
234
+ $this->clear_oembed_cache();
235
  } elseif ( ! empty( $newly_retrieved_oembed_connection_data ) ) {
236
  $return['newOembedData'] = $newly_retrieved_oembed_connection_data;
237
  }
255
  return $return;
256
  }
257
 
258
+ /**
259
+ * Clear instagram oembed transients and cache
260
+ *
261
+ * @since 6.1.2
262
+ */
263
+ public static function clear_oembed_cache() {
264
+
265
+ // get _transient_oembed_* options from wp_options.
266
+ global $wpdb;
267
+ $table_name = $wpdb->prefix . 'options';
268
+ $transient_options = $wpdb->get_results(
269
+ $wpdb->prepare(
270
+ "SELECT option_name, option_value FROM $table_name WHERE option_name LIKE %s AND option_value LIKE %s",
271
+ '_transient_oembed_%',
272
+ '%fbtrace_id%'
273
+ )
274
+ );
275
+
276
+ foreach ( $transient_options as $value ) {
277
+ $option_name = $value->option_name;
278
+ delete_option( $option_name );
279
+
280
+ // find the _transient_timeout_oembed_* options and delete them.
281
+ $option_key = substr( $option_name, 18 );
282
+ $timeout_key = '_transient_timeout_oembed_' . $option_key;
283
+ $timeout_value = get_option( $timeout_key );
284
+ if ( is_numeric( $timeout_value ) ) {
285
+ delete_option( $timeout_key );
286
+ }
287
+ }
288
+
289
+ // get _oembed_* options from wp_postmeta.
290
+ $postmeta_table = $wpdb->prefix . 'postmeta';
291
+ $oembed_options = $wpdb->get_results(
292
+ $wpdb->prepare(
293
+ "SELECT post_id, meta_key, meta_value FROM $postmeta_table WHERE meta_key LIKE %s AND meta_value LIKE %s",
294
+ '_oembed_%',
295
+ '{{unknown}}'
296
+ )
297
+ );
298
+
299
+ foreach ( $oembed_options as $value ) {
300
+ $post_id = $value->post_id;
301
+ $meta_key = $value->meta_key;
302
+ $meta_value = $value->meta_value;
303
+ $meta_value = maybe_unserialize( $meta_value );
304
+
305
+ delete_post_meta( $post_id, $meta_key );
306
+
307
+ // get the cache key.
308
+ $cache_key = substr( $meta_key, 8 );
309
+ $cache_meta_key = '_oembed_time_' . $cache_key;
310
+ $cache_meta_value = get_post_meta( $post_id, $cache_meta_key, true );
311
+ if ( is_numeric( $cache_meta_value ) ) {
312
+ delete_post_meta( $post_id, $cache_meta_key );
313
+ }
314
+ }
315
+ }
316
+
317
  /**
318
  * Connection URLs are based on the website connecting accounts so that is
319
  * configured here and returned
356
  if ( ! $screen ) {
357
  return false;
358
  }
359
+ if( ! isset( $_GET['page'] ) && 'sbi-oembeds-manager' !== $_GET['page'] ) {
360
  return false;
361
  }
362
  if ( ! empty( $_GET['transfer'] ) ) {
admin/assets/css/settings.css CHANGED
@@ -1336,6 +1336,22 @@
1336
  #sbi-settings .sbi-fb-source-step1 .sbi-fb-source-top h3 {
1337
  margin-bottom: 40px;
1338
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1339
 
1340
  /*
1341
  Sources Instance Popup
1336
  #sbi-settings .sbi-fb-source-step1 .sbi-fb-source-top h3 {
1337
  margin-bottom: 40px;
1338
  }
1339
+ .sbi-fb-srcs-personal-btn{
1340
+ height: 40px;
1341
+ width: 100%;
1342
+ float: left;
1343
+ display: flex;
1344
+ justify-content: center;
1345
+ align-items: center;
1346
+ background: #E2F5FF;
1347
+ cursor: pointer;
1348
+ color: #0068A0;
1349
+ font-weight: 600;
1350
+ }
1351
+ .sbi-fb-srcs-personal-btn svg{
1352
+ float: left;
1353
+ margin-right: 10px;
1354
+ }
1355
 
1356
  /*
1357
  Sources Instance Popup
admin/assets/js/settings.js CHANGED
@@ -9,9 +9,9 @@ var settings_data = {
9
  feeds: sbi_settings.feeds,
10
  links: sbi_settings.links,
11
  tooltipName: null,
12
- sourcesList : sbi_settings.sources,
13
- dialogBoxPopupScreen : sbi_settings.dialogBoxPopupScreen,
14
- selectSourceScreen : sbi_settings.selectSourceScreen,
15
 
16
  socialWallActivated: sbi_settings.socialWallActivated,
17
  socialWallLinks: sbi_settings.socialWallLinks,
@@ -54,14 +54,14 @@ var settings_data = {
54
  exportSVG: sbi_settings.exportSVG,
55
  reloadSVG: sbi_settings.reloadSVG,
56
  tooltipHelpSvg: sbi_settings.tooltipHelpSvg,
57
- tooltip : {
58
- text : '',
59
- hover : false
60
  },
61
 
62
  cogSVG: sbi_settings.cogSVG,
63
  deleteSVG: sbi_settings.deleteSVG,
64
- svgIcons : sbi_settings.svgIcons,
65
 
66
  testConnectionStatus: null,
67
  recheckLicenseStatus: null,
@@ -74,48 +74,48 @@ var settings_data = {
74
  pressedBtnName: null,
75
  loading: false,
76
  hasError: sbi_settings.hasError,
77
- dialogBox : {
78
- active : false,
79
- type : null,
80
- heading : null,
81
- description : null,
82
- customButtons : undefined
83
  },
84
- sourceToDelete : {},
85
- viewsActive : {
86
- sourcePopup : false,
87
- sourcePopupScreen : 'redirect_1',
88
- sourcePopupType : 'creation',
89
- instanceSourceActive : null,
90
  },
91
  //Add New Source
92
- newSourceData : sbi_settings.newSourceData ? sbi_settings.newSourceData : null,
93
- sourceConnectionURLs : sbi_settings.sourceConnectionURLs,
94
- returnedApiSourcesList : [],
95
- manualSourcePopupInit : sbi_settings.manualSourcePopupInit,
96
- addNewSource : {
97
- typeSelected : 'page',
98
- manualSourceID : null,
99
- manualSourceToken : null
100
  },
101
- selectedFeed : 'none',
102
- expandedFeedID : null,
103
- notificationElement : {
104
- type : 'success', // success, error, warning, message
105
- text : '',
106
- shown : null
107
  },
108
- selectedSourcesToConnect : [],
109
 
110
  //Loading Bar
111
- fullScreenLoader : false,
112
- appLoaded : false,
113
- previewLoaded : false,
114
- loadingBar : true,
115
- notificationElement : {
116
- type : 'success', // success, error, warning, message
117
- text : '',
118
- shown : null
119
  }
120
  };
121
 
@@ -128,7 +128,7 @@ Vue.component("tab", {
128
  created: () => {
129
  let urlParams = new URLSearchParams(window.location.search);
130
  let view = urlParams.get('view');
131
- if ( view === null ) {
132
  view = 'general';
133
  }
134
  settings_data.currentView = view;
@@ -136,11 +136,11 @@ Vue.component("tab", {
136
  settings_data.selected = "app-1";
137
  },
138
  methods: {
139
- emitWidth: function(el) {
140
  settings_data.indicator_width = jQuery(el).outerWidth();
141
  settings_data.indicator_pos = jQuery(el).position().left;
142
  },
143
- changeComponent: function(index) {
144
  var prev = settings_data.current;
145
  if (prev < index) {
146
  settings_data.forwards = false;
@@ -150,11 +150,11 @@ Vue.component("tab", {
150
  settings_data.selected = "app-" + (index + 1);
151
  settings_data.current = index;
152
  },
153
- activeTab: function(section) {
154
  this.setView(section.toLowerCase().trim());
155
  settings_data.currentTab = section;
156
  },
157
- setView: function(section) {
158
  history.replaceState({}, null, settings_data.adminUrl + 'admin.php?page=sbi-settings&view=' + section);
159
  }
160
  }
@@ -167,16 +167,16 @@ var sbiSettings = new Vue({
167
  emulateHTTP: true
168
  },
169
  data: settings_data,
170
- created: function() {
171
- this.$nextTick(function() {
172
  let tabEl = document.querySelector('.tab');
173
  settings_data.indicator_width = tabEl.offsetWidth;
174
  });
175
- setTimeout(function(){
176
  settings_data.appLoaded = true;
177
- },350);
178
  },
179
- mounted: function(){
180
  var self = this;
181
  // set the current view page on page load
182
  let activeEl = document.querySelector('a.tab#' + settings_data.currentView);
@@ -189,13 +189,13 @@ var sbiSettings = new Vue({
189
  settings_data.current = viewIndex;
190
  settings_data.currentTab = currentView;
191
 
192
- setTimeout(function(){
193
  settings_data.appLoaded = true;
194
- },350);
195
 
196
  },
197
  computed: {
198
- getStyle: function() {
199
  return {
200
  position: "absolute",
201
  bottom: "0px",
@@ -204,7 +204,7 @@ var sbiSettings = new Vue({
204
  height: "2px"
205
  };
206
  },
207
- chooseDirection: function() {
208
  if (settings_data.forwards == true) {
209
  return "slide-fade";
210
  } else {
@@ -212,123 +212,123 @@ var sbiSettings = new Vue({
212
  }
213
  }
214
  },
215
- methods: {
216
- activateLicense: function() {
217
- if (this.licenseType === 'free') {
218
- this.runOneClickUpgrade();
219
- } else {
220
- this.activateProLicense();
221
- }
222
- },
223
- activateProLicense: function() {
224
- this.hasError = false;
225
- this.loading = true;
226
- this.pressedBtnName = 'sbi';
227
-
228
- let data = new FormData();
229
- data.append( 'action', 'sbi_activate_license' );
230
- data.append( 'license_key', this.licenseKey );
231
- data.append( 'nonce', this.nonce );
232
- fetch(this.ajaxHandler, {
233
- method: "POST",
234
- credentials: 'same-origin',
235
- body: data
236
- })
237
- .then(response => response.json())
238
- .then(data => {
239
- if ( data.success == false ) {
240
- this.licenseStatus = 'inactive';
241
- this.hasError = true;
242
- this.loading = false;
243
- return;
244
  }
245
- if ( data.success == true ) {
246
- let licenseData = data.data.licenseData;
247
- this.licenseStatus = data.data.licenseStatus;
248
- this.loading = false;
249
- this.pressedBtnName = null;
250
 
251
- if (
252
- data.data.licenseStatus == 'inactive' ||
253
- data.data.licenseStatus == 'invalid' ||
254
- data.data.licenseStatus == 'expired'
255
- ) {
256
- this.hasError = true;
257
- if( licenseData.error ) {
258
- this.licenseErrorMsg = licenseData.errorMsg
259
- }
260
- }
261
- }
262
- return;
263
- });
264
- },
265
- deactivateLicense: function() {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
266
  this.loading = true;
267
  this.pressedBtnName = 'sbi';
268
  let data = new FormData();
269
- data.append( 'action', 'sbi_deactivate_license' );
270
- data.append( 'nonce', this.nonce );
271
  fetch(this.ajaxHandler, {
272
  method: "POST",
273
  credentials: 'same-origin',
274
  body: data
275
  })
276
- .then(response => response.json())
277
- .then(data => {
278
- if ( data.success == true ) {
279
- this.licenseStatus = data.data.licenseStatus ;
280
- this.loading = false;
281
- this.pressedBtnName = null;
282
- }
283
- return;
284
- });
285
  },
286
 
287
- runOneClickUpgrade: function() {
288
- this.hasError = false;
289
- this.loading = true;
290
- this.pressedBtnName = 'sbi';
291
 
292
- let data = new FormData();
293
- data.append( 'action', 'sbi_maybe_upgrade_redirect' );
294
- data.append( 'license_key', this.licenseKey );
295
- data.append( 'nonce', this.nonce );
296
- fetch(this.ajaxHandler, {
297
- method: "POST",
298
- credentials: 'same-origin',
299
- body: data
300
- })
301
- .then(response => response.json())
302
- .then(data => {
303
- if ( data.success === false ) {
304
- this.licenseStatus = 'invalid';
305
- this.hasError = true;
306
- this.loading = false;
307
- if( typeof data.data !== 'undefined' ) {
308
- this.licenseErrorMsg = data.data.message
309
- }
310
- return;
311
- }
312
- if ( data.success === true ) {
313
- window.location.href = data.data.url
314
- }
315
- return;
316
- });
317
- },
318
 
319
- licenseActiveAction: function(extension) {
320
- extension = typeof extension !== 'undefined' ? extension : false;
321
- if (this.licenseType === 'free') {
322
- this.runOneClickUpgrade();
323
- } else {
324
- if (typeof extension !== 'undefined') {
325
- this.deactivateExtensionLicense(extension);
326
- } else {
327
- this.deactivateLicense();
328
- }
329
- }
330
 
331
- },
332
 
333
  /**
334
  * Activate Extensions License
@@ -337,57 +337,57 @@ var sbiSettings = new Vue({
337
  *
338
  * @param {object} extension
339
  */
340
- activateExtensionLicense: function( extension ) {
341
  let licenseKey = this.extensionsLicenseKey[extension.name];
342
  this.extensionFieldHasError = false;
343
  this.loading = true;
344
  this.pressedBtnName = extension.name;
345
- if ( ! licenseKey ) {
346
  this.loading = false;
347
  this.extensionFieldHasError = true;
348
  return;
349
  }
350
  let data = new FormData();
351
- data.append( 'action', 'sbi_activate_extension_license' );
352
- data.append( 'license_key', licenseKey );
353
- data.append( 'extension_name', extension.name );
354
- data.append( 'extension_item_name', extension.itemName );
355
- data.append( 'nonce', this.nonce );
356
  fetch(this.ajaxHandler, {
357
  method: "POST",
358
  credentials: 'same-origin',
359
  body: data
360
  })
361
- .then(response => response.json())
362
- .then(data => {
363
- this.loading = false;
364
- if ( data.success == true ) {
365
- this.extensionFieldHasError = false;
366
- this.pressedBtnName = null;
367
- if ( data.data.licenseStatus == 'invalid' ) {
368
- this.extensionFieldHasError = true;
369
- this.notificationElement = {
370
- type : 'error',
371
- text : this.genericText.invalidLicenseKey,
372
- shown : "shown"
373
- };
374
- }
375
- if ( data.data.licenseStatus == 'valid' ) {
376
- this.notificationElement = {
377
- type : 'success',
378
- text : this.genericText.licenseActivated,
379
- shown : "shown"
380
- };
381
- }
382
- extension.licenseStatus = data.data.licenseStatus;
383
- extension.licenseKey = licenseKey;
384
 
385
- setTimeout(function(){
386
- this.notificationElement.shown = "hidden";
387
- }.bind(this), 3000);
388
- }
389
- return;
390
- });
391
  },
392
 
393
  /**
@@ -397,303 +397,303 @@ var sbiSettings = new Vue({
397
  *
398
  * @param {object} extension
399
  */
400
- deactivateExtensionLicense: function( extension ) {
401
  let licenseKey = this.extensionsLicenseKey[extension.name];
402
  this.extensionFieldHasError = false;
403
  this.loading = true;
404
  this.pressedBtnName = extension.name;
405
  let data = new FormData();
406
- data.append( 'action', 'sbi_deactivate_extension_license' );
407
- data.append( 'extension_name', extension.name );
408
- data.append( 'extension_item_name', extension.itemName );
409
- data.append( 'nonce', this.nonce );
410
  fetch(this.ajaxHandler, {
411
  method: "POST",
412
  credentials: 'same-origin',
413
  body: data
414
  })
415
- .then(response => response.json())
416
- .then(data => {
417
- this.loading = false;
418
- if ( data.success == true ) {
419
- this.extensionFieldHasError = false;
420
- this.pressedBtnName = null;
421
- if ( data.data.licenseStatus == 'deactivated' ) {
422
- this.notificationElement = {
423
- type : 'success',
424
- text : this.genericText.licenseDeactivated,
425
- shown : "shown"
426
- };
427
- }
428
- extension.licenseStatus = data.data.licenseStatus;
429
- extension.licenseKey = licenseKey;
430
 
431
- setTimeout(function(){
432
- this.notificationElement.shown = "hidden";
433
- }.bind(this), 3000);
434
- }
435
- return;
436
- });
437
  },
438
- testConnection: function() {
439
  this.testConnectionStatus = 'loading';
440
  let data = new FormData();
441
- data.append( 'action', 'sbi_test_connection' );
442
- data.append( 'nonce', this.nonce );
443
  fetch(this.ajaxHandler, {
444
  method: "POST",
445
  credentials: 'same-origin',
446
  body: data
447
  })
448
- .then(response => response.json())
449
- .then(data => {
450
- if ( data.success == false ) {
451
- this.testConnectionStatus = 'error';
452
- this.testConnectionStatusMessage = data.data.error;
453
- }
454
- if ( data.success == true ) {
455
- this.testConnectionStatus = 'success';
456
 
457
- setTimeout(function() {
458
- this.testConnectionStatus = null;
459
- }.bind(this), 3000);
460
- }
461
- return;
462
- });
463
  },
464
- recheckLicense: function( licenseKey, itemName, optionName = null ) {
465
  this.recheckLicenseStatus = 'loading';
466
  this.pressedBtnName = optionName;
467
  let data = new FormData();
468
- data.append( 'action', 'sbi_recheck_connection' );
469
- data.append( 'license_key', licenseKey );
470
- data.append( 'item_name', itemName );
471
- data.append( 'option_name', optionName );
472
- data.append( 'nonce', this.nonce );
473
  fetch(this.ajaxHandler, {
474
  method: "POST",
475
  credentials: 'same-origin',
476
  body: data
477
  })
478
- .then(response => response.json())
479
- .then(data => {
480
- if ( data.success == true ) {
481
- if ( data.data.license == 'valid' ) {
482
- this.recheckLicenseStatus = 'success';
483
- }
484
- if ( data.data.license == 'expired' ) {
485
- this.recheckLicenseStatus = 'error';
486
- }
487
 
488
- // if the api license status has changed from old stored license status
489
- // then reload the page to show proper error message and notices
490
- // or hide error messages and notices
491
- if ( data.data.licenseChanged == true ) {
492
- location.reload();
493
- }
494
 
495
- setTimeout(function() {
496
- this.pressedBtnName = null;
497
- this.recheckLicenseStatus = null;
498
- }.bind(this), 3000);
499
- }
500
- return;
501
- });
502
  },
503
- recheckLicenseIcon: function() {
504
- if ( this.recheckLicenseStatus == null ) {
505
  return this.generalTab.licenseBox.recheckLicense;
506
- } else if ( this.recheckLicenseStatus == 'loading' ) {
507
  return this.loaderSVG;
508
- } else if ( this.recheckLicenseStatus == 'success' ) {
509
  return this.timesCircleSVG + ' ' + this.generalTab.licenseBox.licenseValid;
510
- } else if ( this.recheckLicenseStatus == 'error' ) {
511
  return this.timesCircleSVG + ' ' + this.generalTab.licenseBox.licenseExpired;
512
  }
513
  },
514
- recheckBtnText: function( btnName ) {
515
- if ( this.recheckLicenseStatus == null || this.pressedBtnName != btnName ) {
516
  return this.generalTab.licenseBox.recheckLicense;
517
- } else if ( this.recheckLicenseStatus == 'loading' && this.pressedBtnName == btnName ) {
518
  return this.loaderSVG;
519
- } else if ( this.recheckLicenseStatus == 'success' ) {
520
  return this.timesCircleSVG + ' ' + this.generalTab.licenseBox.licenseValid;
521
- } else if ( this.recheckLicenseStatus == 'error' ) {
522
  return this.timesCircleSVG + ' ' + this.generalTab.licenseBox.licenseExpired;
523
  }
524
  },
525
- testConnectionIcon: function() {
526
- if ( this.testConnectionStatus == 'loading' ) {
527
  return this.loaderSVG;
528
- } else if ( this.testConnectionStatus == 'success' ) {
529
  return this.timesCircleSVG + ' ' + this.generalTab.licenseBox.connectionSuccessful;
530
- } else if ( this.testConnectionStatus == 'error' ) {
531
  return this.timesCircleSVG + ' ' + ` ${this.generalTab.licenseBox.connectionFailed} ${this.testConnectionStatusMessage}`;
532
  }
533
  },
534
- importFile: function() {
535
  document.getElementById("import_file").click();
536
  },
537
- uploadFile: function( event ) {
538
  this.uploadStatus = 'loading';
539
  let file = this.$refs.file.files[0];
540
  let data = new FormData();
541
- data.append( 'action', 'sbi_import_settings_json' );
542
- data.append( 'file', file );
543
- data.append( 'nonce', this.nonce );
544
  fetch(this.ajaxHandler, {
545
  method: "POST",
546
  credentials: 'same-origin',
547
  body: data
548
  })
549
- .then(response => response.json())
550
- .then(data => {
551
- this.uploadStatus = null;
552
- this.$refs.file.files[0] = null;
553
- if ( data.success == false ) {
554
- this.notificationElement = {
555
- type : 'error',
556
- text : this.genericText.failedToImportFeed,
557
- shown : "shown"
558
- };
559
- }
560
- if ( data.success == true ) {
561
- this.feeds = data.data.feeds;
562
- this.notificationElement = {
563
- type : 'success',
564
- text : this.genericText.feedImported,
565
- shown : "shown"
566
- };
567
- }
568
- setTimeout(function(){
569
- this.notificationElement.shown = "hidden";
570
- }.bind(this), 3000);
571
- });
572
  },
573
- exportFeedSettings: function() {
574
  // return if no feed is selected
575
- if ( this.exportFeed === 'none' ) {
576
  return;
577
  }
578
 
579
  let url = this.ajaxHandler + '?action=sbi_export_settings_json&nonce=' + this.nonce + '&feed_id=' + this.exportFeed;
580
  window.location = url;
581
  },
582
- saveSettings: function() {
583
  this.btnStatus = 'loading';
584
  this.pressedBtnName = 'saveChanges';
585
  let data = new FormData();
586
- data.append( 'action', 'sbi_save_settings' );
587
- data.append( 'model', JSON.stringify( this.model ) );
588
- data.append( 'sbi_license_key', this.licenseKey );
589
- data.append( 'extensions_license_key', JSON.stringify( this.extensionsLicenseKey ) );
590
- data.append( 'nonce', this.nonce );
591
  fetch(this.ajaxHandler, {
592
  method: "POST",
593
  credentials: 'same-origin',
594
  body: data
595
  })
596
- .then(response => response.json())
597
- .then(data => {
598
- if ( data.success == false ) {
599
- this.btnStatus = 'error';
600
- return;
601
- }
602
 
603
- this.cronNextCheck = data.data.cronNextCheck;
604
- this.btnStatus = 'success';
605
- setTimeout(function() {
606
- this.btnStatus = null;
607
- this.pressedBtnName = null;
608
- }.bind(this), 3000);
609
- });
610
  },
611
- clearCache: function() {
612
  this.clearCacheStatus = 'loading';
613
  let data = new FormData();
614
- data.append( 'action', 'sbi_clear_cache' );
615
- data.append( 'model', JSON.stringify( this.model ) );
616
- data.append( 'nonce', this.nonce );
617
  fetch(this.ajaxHandler, {
618
  method: "POST",
619
  credentials: 'same-origin',
620
  body: data
621
  })
622
- .then(response => response.json())
623
- .then(data => {
624
- if ( data.success == false ) {
625
- this.clearCacheStatus = 'error';
626
- return;
627
- }
628
 
629
- this.cronNextCheck = data.data.cronNextCheck;
630
- this.clearCacheStatus = 'success';
631
- setTimeout(function() {
632
- this.clearCacheStatus = null;
633
- }.bind(this), 3000);
634
- });
635
  },
636
- showTooltip: function( tooltipName ) {
637
  this.tooltipName = tooltipName;
638
  },
639
- hideTooltip: function() {
640
  this.tooltipName = null;
641
  },
642
- gdprOptions: function() {
643
  this.gdprInfoTooltip = null;
644
  },
645
- gdprLimited: function() {
646
  this.gdprInfoTooltip = this.gdprInfoTooltip == null ? true : null;
647
  },
648
- clearImageResizeCache: function() {
649
  this.optimizeCacheStatus = 'loading';
650
  let data = new FormData();
651
- data.append( 'action', 'sbi_clear_image_resize_cache' );
652
- data.append( 'nonce', this.nonce );
653
  fetch(this.ajaxHandler, {
654
  method: "POST",
655
  credentials: 'same-origin',
656
  body: data
657
  })
658
- .then(response => response.json())
659
- .then(data => {
660
- if ( data.success == false ) {
661
- this.optimizeCacheStatus = 'error';
662
- return;
663
- }
664
- this.optimizeCacheStatus = 'success';
665
- setTimeout(function() {
666
- this.optimizeCacheStatus = null;
667
- }.bind(this), 3000);
668
- });
669
  },
670
- resetErrorLog: function() {
671
- this.clearErrorLogStatus = 'loading';
672
- let data = new FormData();
673
- data.append( 'action', 'sbi_clear_error_log' );
674
- data.append( 'nonce', this.nonce );
675
- fetch(this.ajaxHandler, {
676
- method: "POST",
677
- credentials: 'same-origin',
678
- body: data
679
- })
680
- .then(response => response.json())
681
- .then(data => {
682
- if ( ! data.success ) {
683
- this.clearErrorLogStatus = 'error';
684
- return;
685
- }
686
- this.clearErrorLogStatus = 'success';
687
- setTimeout(function() {
688
- this.clearErrorLogStatus = null;
689
- }.bind(this), 3000);
690
- });
691
- },
692
- dpaReset: function() {
693
  this.dpaResetStatus = 'loading';
694
  let data = new FormData();
695
- data.append( 'action', 'sbi_dpa_reset' );
696
- data.append( 'nonce', this.nonce );
697
  fetch(this.ajaxHandler, {
698
  method: "POST",
699
  credentials: 'same-origin',
@@ -701,82 +701,82 @@ var sbiSettings = new Vue({
701
  })
702
  .then(response => response.json())
703
  .then(data => {
704
- if ( data.success == false ) {
705
  this.dpaResetStatus = 'error';
706
  return;
707
  }
708
  this.dpaResetStatus = 'success';
709
- setTimeout(function() {
710
  this.dpaResetStatus = null;
711
  }.bind(this), 3000);
712
  });
713
  },
714
- resetErrorLogIcon: function() {
715
- if ( this.clearErrorLogStatus === null ) {
716
- return;
717
- }
718
- if ( this.clearErrorLogStatus == 'loading' ) {
719
- return this.loaderSVG;
720
- } else if ( this.clearErrorLogStatus == 'success' ) {
721
- return this.checkmarkSVG;
722
- } else if ( this.clearErrorLogStatus == 'error' ) {
723
- return this.timesCircleSVG;
724
- }
725
- },
726
- saveChangesIcon: function() {
727
- if ( this.btnStatus === 'loading' ) {
728
  return this.loaderSVG;
729
- } else if ( this.btnStatus === 'success' ) {
730
  return this.checkmarkSVG;
731
- } else if ( this.btnStatus === 'error' ) {
732
  return this.timesCircleSVG;
733
  }
734
  },
735
- importBtnIcon: function() {
736
- if ( this.uploadStatus === null ) {
737
  return this.uploadSVG;
738
  }
739
- if ( this.uploadStatus == 'loading' ) {
740
  return this.loaderSVG;
741
- } else if ( this.uploadStatus == 'success' ) {
742
  return this.checkmarkSVG;
743
- } else if ( this.uploadStatus == 'error' ) {
744
  return this.timesCircleSVG;
745
  }
746
  },
747
- clearCacheIcon: function() {
748
- if ( this.clearCacheStatus === null ) {
749
  return this.reloadSVG;
750
  }
751
- if ( this.clearCacheStatus == 'loading' ) {
752
  return this.loaderSVG;
753
- } else if ( this.clearCacheStatus == 'success' ) {
754
  return this.checkmarkSVG;
755
- } else if ( this.clearCacheStatus == 'error' ) {
756
  return this.timesCircleSVG;
757
  }
758
  },
759
- clearImageResizeCacheIcon: function() {
760
- if ( this.optimizeCacheStatus === null ) {
761
  return;
762
  }
763
- if ( this.optimizeCacheStatus == 'loading' ) {
764
  return this.loaderSVG;
765
- } else if ( this.optimizeCacheStatus == 'success' ) {
766
  return this.checkmarkSVG;
767
- } else if ( this.optimizeCacheStatus == 'error' ) {
768
  return this.timesCircleSVG;
769
  }
770
  },
771
- dpaResetStatusIcon: function() {
772
- if ( this.dpaResetStatus === null ) {
773
  return;
774
  }
775
- if ( this.dpaResetStatus == 'loading' ) {
776
  return this.loaderSVG;
777
- } else if ( this.dpaResetStatus == 'success' ) {
778
  return this.checkmarkSVG;
779
- } else if ( this.dpaResetStatus == 'error' ) {
780
  return this.timesCircleSVG;
781
  }
782
  },
@@ -786,15 +786,15 @@ var sbiSettings = new Vue({
786
  *
787
  * @since 4.0
788
  */
789
- toggleStickyWidget: function() {
790
  this.stickyWidget = !this.stickyWidget;
791
  },
792
 
793
- printUsedInText: function( usedInNumber ){
794
- if(usedInNumber == 0){
795
  return this.genericText.sourceNotUsedYet;
796
  }
797
- return this.genericText.usedIn + ' ' + usedInNumber + ' ' +(usedInNumber == 1 ? this.genericText.feed : this.genericText.feeds);
798
  },
799
 
800
  /**
@@ -802,24 +802,25 @@ var sbiSettings = new Vue({
802
  *
803
  * @since 4.0
804
  */
805
- deleteSource : function(sourceToDelete){
806
  var self = this;
807
- let data = new FormData();
808
- data.append( 'action', 'sbi_feed_saver_manager_delete_source' );
809
- data.append( 'source_id', sourceToDelete.id);
810
- data.append( 'nonce', this.nonce );
 
811
  fetch(self.ajaxHandler, {
812
  method: "POST",
813
  credentials: 'same-origin',
814
  body: data
815
  })
816
- .then(response => response.json())
817
- .then(data => {
818
- if (sourceToDelete.just_added) {
819
- window.location.href = window.location.href.replace('sbi_access_token','sbi_null');
820
- }
821
- self.sourcesList = data;
822
- });
823
  },
824
 
825
  /**
@@ -829,8 +830,8 @@ var sbiSettings = new Vue({
829
  *
830
  * @return boolean
831
  */
832
- checkNotEmpty : function(value){
833
- return value != null && value.replace(/ /gi,'') != '';
834
  },
835
 
836
  /**
@@ -838,13 +839,13 @@ var sbiSettings = new Vue({
838
  *
839
  * @since 4.0
840
  */
841
- activateView : function(viewName, sourcePopupType = 'creation', ajaxAction = false){
842
  var self = this;
843
- self.viewsActive[viewName] = (self.viewsActive[viewName] == false ) ? true : false;
844
- if(viewName == 'sourcePopup' && sourcePopupType == 'creationRedirect'){
845
- setTimeout(function(){
846
  self.$refs.addSourceRef.processIFConnect()
847
- },3500);
848
  }
849
 
850
  },
@@ -854,7 +855,7 @@ var sbiSettings = new Vue({
854
  *
855
  * @since 4.0
856
  */
857
- switchScreen: function(screenType, screenName){
858
  this.viewsActive[screenType] = screenName;
859
  },
860
 
@@ -865,10 +866,10 @@ var sbiSettings = new Vue({
865
  *
866
  * @return jsonObject / Boolean
867
  */
868
- jsonParse : function(jsonString){
869
  try {
870
  return JSON.parse(jsonString);
871
- } catch(e) {
872
  return false;
873
  }
874
  },
@@ -879,9 +880,9 @@ var sbiSettings = new Vue({
879
  *
880
  * @since 4.0
881
  */
882
- ajaxPost : function(data, callback){
883
  var self = this;
884
- self.$http.post(self.ajaxHandler,data).then(callback);
885
  },
886
 
887
  /**
@@ -891,17 +892,17 @@ var sbiSettings = new Vue({
891
  *
892
  * @return boolean
893
  */
894
- hasOwnNestedProperty : function(obj,propertyPath) {
895
- if (!propertyPath){return false;}var properties = propertyPath.split('.');
896
- for (var i = 0; i < properties.length; i++) {
897
- var prop = properties[i];
898
- if (!obj || !obj.hasOwnProperty(prop)) {
899
- return false;
900
- } else {
901
- obj = obj[prop];
 
902
  }
903
- }
904
- return true;
905
  },
906
 
907
  /**
@@ -909,11 +910,11 @@ var sbiSettings = new Vue({
909
  *
910
  * @since 4.0
911
  */
912
- toggleElementTooltip : function(tooltipText, type, align = 'center'){
913
  var self = this,
914
  target = window.event.currentTarget,
915
  tooltip = (target != undefined && target != null) ? document.querySelector('.sb-control-elem-tltp-content') : null;
916
- if(tooltip != null && type == 'show'){
917
  self.tooltip.text = tooltipText;
918
  var position = target.getBoundingClientRect(),
919
  left = position.left + 10,
@@ -923,7 +924,7 @@ var sbiSettings = new Vue({
923
  tooltip.style.textAlign = align;
924
  self.tooltip.hover = true;
925
  }
926
- if(type == 'hide'){
927
  self.tooltip.hover = false;
928
  }
929
  },
@@ -933,7 +934,7 @@ var sbiSettings = new Vue({
933
  *
934
  * @since 4.0
935
  */
936
- hoverTooltip : function(type){
937
  this.tooltip.hover = type;
938
  },
939
 
@@ -942,25 +943,25 @@ var sbiSettings = new Vue({
942
  *
943
  * @since 4.0
944
  */
945
- openDialogBox : function(type, args = []){
946
- var self = this,
947
- heading = self.dialogBoxPopupScreen[type].heading,
948
- description = self.dialogBoxPopupScreen[type].description,
949
- customButtons = self.dialogBoxPopupScreen[type].customButtons;
950
 
951
- switch (type) {
952
- case "deleteSource":
953
- self.sourceToDelete = args;
954
- heading = heading.replace("#", self.sourceToDelete.username);
955
- break;
956
- }
957
- self.dialogBox = {
958
- active : true,
959
- type : type,
960
- heading : heading,
961
- description : description,
962
- customButtons : customButtons
963
- };
964
  },
965
 
966
 
@@ -969,7 +970,7 @@ var sbiSettings = new Vue({
969
  *
970
  * @since 4.0
971
  */
972
- confirmDialogAction : function(){
973
  var self = this;
974
  switch (self.dialogBox.type) {
975
  case 'deleteSource':
@@ -986,7 +987,7 @@ var sbiSettings = new Vue({
986
  * @param {object} source
987
  * @param {int} sourceIndex
988
  */
989
- displayFeedSettings: function(source, sourceIndex) {
990
  this.expandedFeedID = sourceIndex + 1;
991
  },
992
 
@@ -998,33 +999,41 @@ var sbiSettings = new Vue({
998
  * @param {object} source
999
  * @param {int} sourceIndex
1000
  */
1001
- hideFeedSettings: function() {
1002
  this.expandedFeedID = null;
1003
  },
1004
 
1005
- /**
1006
- * Copy text to clipboard
1007
- *
1008
- * @since 4.0
1009
- */
1010
- copyToClipBoard : function(value){
1011
- var self = this;
1012
- const el = document.createElement('textarea');
1013
- el.className = 'sbi-fb-cp-clpboard';
1014
- el.value = value;
1015
- document.body.appendChild(el);
1016
- el.select();
1017
- document.execCommand('copy');
1018
- document.body.removeChild(el);
1019
- self.notificationElement = {
1020
- type : 'success',
1021
- text : this.genericText.copiedClipboard,
1022
- shown : "shown"
1023
- };
1024
- setTimeout(function(){
1025
- self.notificationElement.shown = "hidden";
1026
- }, 3000);
1027
- },
 
 
 
 
 
 
 
 
1028
 
1029
 
1030
  /**
@@ -1032,7 +1041,7 @@ var sbiSettings = new Vue({
1032
  *
1033
  * @since 4.0
1034
  */
1035
- viewSourceInstances : function(source){
1036
  var self = this;
1037
  self.viewsActive.instanceSourceActive = source;
1038
  },
@@ -1044,8 +1053,8 @@ var sbiSettings = new Vue({
1044
  *
1045
  * @return string
1046
  */
1047
- returnAccountAvatar : function(source){
1048
- if (typeof source.local_avatar_url !== "undefined" && source.local_avatar_url !== '') {
1049
  return source.local_avatar_url;
1050
  }
1051
  if (typeof source.avatar_url !== "undefined" && source.avatar_url !== '') {
@@ -1055,6 +1064,44 @@ var sbiSettings = new Vue({
1055
  return false;
1056
  },
1057
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1058
  }
1059
  });
1060
 
9
  feeds: sbi_settings.feeds,
10
  links: sbi_settings.links,
11
  tooltipName: null,
12
+ sourcesList: sbi_settings.sources,
13
+ dialogBoxPopupScreen: sbi_settings.dialogBoxPopupScreen,
14
+ selectSourceScreen: sbi_settings.selectSourceScreen,
15
 
16
  socialWallActivated: sbi_settings.socialWallActivated,
17
  socialWallLinks: sbi_settings.socialWallLinks,
54
  exportSVG: sbi_settings.exportSVG,
55
  reloadSVG: sbi_settings.reloadSVG,
56
  tooltipHelpSvg: sbi_settings.tooltipHelpSvg,
57
+ tooltip: {
58
+ text: '',
59
+ hover: false
60
  },
61
 
62
  cogSVG: sbi_settings.cogSVG,
63
  deleteSVG: sbi_settings.deleteSVG,
64
+ svgIcons: sbi_settings.svgIcons,
65
 
66
  testConnectionStatus: null,
67
  recheckLicenseStatus: null,
74
  pressedBtnName: null,
75
  loading: false,
76
  hasError: sbi_settings.hasError,
77
+ dialogBox: {
78
+ active: false,
79
+ type: null,
80
+ heading: null,
81
+ description: null,
82
+ customButtons: undefined
83
  },
84
+ sourceToDelete: {},
85
+ viewsActive: {
86
+ sourcePopup: false,
87
+ sourcePopupScreen: 'redirect_1',
88
+ sourcePopupType: 'creation',
89
+ instanceSourceActive: null,
90
  },
91
  //Add New Source
92
+ newSourceData: sbi_settings.newSourceData ? sbi_settings.newSourceData : null,
93
+ sourceConnectionURLs: sbi_settings.sourceConnectionURLs,
94
+ returnedApiSourcesList: [],
95
+ manualSourcePopupInit: sbi_settings.manualSourcePopupInit,
96
+ addNewSource: {
97
+ typeSelected: 'page',
98
+ manualSourceID: null,
99
+ manualSourceToken: null
100
  },
101
+ selectedFeed: 'none',
102
+ expandedFeedID: null,
103
+ notificationElement: {
104
+ type: 'success', // success, error, warning, message
105
+ text: '',
106
+ shown: null
107
  },
108
+ selectedSourcesToConnect: [],
109
 
110
  //Loading Bar
111
+ fullScreenLoader: false,
112
+ appLoaded: false,
113
+ previewLoaded: false,
114
+ loadingBar: true,
115
+ notificationElement: {
116
+ type: 'success', // success, error, warning, message
117
+ text: '',
118
+ shown: null
119
  }
120
  };
121
 
128
  created: () => {
129
  let urlParams = new URLSearchParams(window.location.search);
130
  let view = urlParams.get('view');
131
+ if (view === null) {
132
  view = 'general';
133
  }
134
  settings_data.currentView = view;
136
  settings_data.selected = "app-1";
137
  },
138
  methods: {
139
+ emitWidth: function (el) {
140
  settings_data.indicator_width = jQuery(el).outerWidth();
141
  settings_data.indicator_pos = jQuery(el).position().left;
142
  },
143
+ changeComponent: function (index) {
144
  var prev = settings_data.current;
145
  if (prev < index) {
146
  settings_data.forwards = false;
150
  settings_data.selected = "app-" + (index + 1);
151
  settings_data.current = index;
152
  },
153
+ activeTab: function (section) {
154
  this.setView(section.toLowerCase().trim());
155
  settings_data.currentTab = section;
156
  },
157
+ setView: function (section) {
158
  history.replaceState({}, null, settings_data.adminUrl + 'admin.php?page=sbi-settings&view=' + section);
159
  }
160
  }
167
  emulateHTTP: true
168
  },
169
  data: settings_data,
170
+ created: function () {
171
+ this.$nextTick(function () {
172
  let tabEl = document.querySelector('.tab');
173
  settings_data.indicator_width = tabEl.offsetWidth;
174
  });
175
+ setTimeout(function () {
176
  settings_data.appLoaded = true;
177
+ }, 350);
178
  },
179
+ mounted: function () {
180
  var self = this;
181
  // set the current view page on page load
182
  let activeEl = document.querySelector('a.tab#' + settings_data.currentView);
189
  settings_data.current = viewIndex;
190
  settings_data.currentTab = currentView;
191
 
192
+ setTimeout(function () {
193
  settings_data.appLoaded = true;
194
+ }, 350);
195
 
196
  },
197
  computed: {
198
+ getStyle: function () {
199
  return {
200
  position: "absolute",
201
  bottom: "0px",
204
  height: "2px"
205
  };
206
  },
207
+ chooseDirection: function () {
208
  if (settings_data.forwards == true) {
209
  return "slide-fade";
210
  } else {
212
  }
213
  }
214
  },
215
+ methods: {
216
+ activateLicense: function () {
217
+ if (this.licenseType === 'free') {
218
+ this.runOneClickUpgrade();
219
+ } else {
220
+ this.activateProLicense();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
221
  }
222
+ },
223
+ activateProLicense: function () {
224
+ this.hasError = false;
225
+ this.loading = true;
226
+ this.pressedBtnName = 'sbi';
227
 
228
+ let data = new FormData();
229
+ data.append('action', 'sbi_activate_license');
230
+ data.append('license_key', this.licenseKey);
231
+ data.append('nonce', this.nonce);
232
+ fetch(this.ajaxHandler, {
233
+ method: "POST",
234
+ credentials: 'same-origin',
235
+ body: data
236
+ })
237
+ .then(response => response.json())
238
+ .then(data => {
239
+ if (data.success == false) {
240
+ this.licenseStatus = 'inactive';
241
+ this.hasError = true;
242
+ this.loading = false;
243
+ return;
244
+ }
245
+ if (data.success == true) {
246
+ let licenseData = data.data.licenseData;
247
+ this.licenseStatus = data.data.licenseStatus;
248
+ this.loading = false;
249
+ this.pressedBtnName = null;
250
+
251
+ if (
252
+ data.data.licenseStatus == 'inactive' ||
253
+ data.data.licenseStatus == 'invalid' ||
254
+ data.data.licenseStatus == 'expired'
255
+ ) {
256
+ this.hasError = true;
257
+ if (licenseData.error) {
258
+ this.licenseErrorMsg = licenseData.errorMsg
259
+ }
260
+ }
261
+ }
262
+ return;
263
+ });
264
+ },
265
+ deactivateLicense: function () {
266
  this.loading = true;
267
  this.pressedBtnName = 'sbi';
268
  let data = new FormData();
269
+ data.append('action', 'sbi_deactivate_license');
270
+ data.append('nonce', this.nonce);
271
  fetch(this.ajaxHandler, {
272
  method: "POST",
273
  credentials: 'same-origin',
274
  body: data
275
  })
276
+ .then(response => response.json())
277
+ .then(data => {
278
+ if (data.success == true) {
279
+ this.licenseStatus = data.data.licenseStatus;
280
+ this.loading = false;
281
+ this.pressedBtnName = null;
282
+ }
283
+ return;
284
+ });
285
  },
286
 
287
+ runOneClickUpgrade: function () {
288
+ this.hasError = false;
289
+ this.loading = true;
290
+ this.pressedBtnName = 'sbi';
291
 
292
+ let data = new FormData();
293
+ data.append('action', 'sbi_maybe_upgrade_redirect');
294
+ data.append('license_key', this.licenseKey);
295
+ data.append('nonce', this.nonce);
296
+ fetch(this.ajaxHandler, {
297
+ method: "POST",
298
+ credentials: 'same-origin',
299
+ body: data
300
+ })
301
+ .then(response => response.json())
302
+ .then(data => {
303
+ if (data.success === false) {
304
+ this.licenseStatus = 'invalid';
305
+ this.hasError = true;
306
+ this.loading = false;
307
+ if (typeof data.data !== 'undefined') {
308
+ this.licenseErrorMsg = data.data.message
309
+ }
310
+ return;
311
+ }
312
+ if (data.success === true) {
313
+ window.location.href = data.data.url
314
+ }
315
+ return;
316
+ });
317
+ },
318
 
319
+ licenseActiveAction: function (extension) {
320
+ extension = typeof extension !== 'undefined' ? extension : false;
321
+ if (this.licenseType === 'free') {
322
+ this.runOneClickUpgrade();
323
+ } else {
324
+ if (typeof extension !== 'undefined') {
325
+ this.deactivateExtensionLicense(extension);
326
+ } else {
327
+ this.deactivateLicense();
328
+ }
329
+ }
330
 
331
+ },
332
 
333
  /**
334
  * Activate Extensions License
337
  *
338
  * @param {object} extension
339
  */
340
+ activateExtensionLicense: function (extension) {
341
  let licenseKey = this.extensionsLicenseKey[extension.name];
342
  this.extensionFieldHasError = false;
343
  this.loading = true;
344
  this.pressedBtnName = extension.name;
345
+ if (!licenseKey) {
346
  this.loading = false;
347
  this.extensionFieldHasError = true;
348
  return;
349
  }
350
  let data = new FormData();
351
+ data.append('action', 'sbi_activate_extension_license');
352
+ data.append('license_key', licenseKey);
353
+ data.append('extension_name', extension.name);
354
+ data.append('extension_item_name', extension.itemName);
355
+ data.append('nonce', this.nonce);
356
  fetch(this.ajaxHandler, {
357
  method: "POST",
358
  credentials: 'same-origin',
359
  body: data
360
  })
361
+ .then(response => response.json())
362
+ .then(data => {
363
+ this.loading = false;
364
+ if (data.success == true) {
365
+ this.extensionFieldHasError = false;
366
+ this.pressedBtnName = null;
367
+ if (data.data.licenseStatus == 'invalid') {
368
+ this.extensionFieldHasError = true;
369
+ this.notificationElement = {
370
+ type: 'error',
371
+ text: this.genericText.invalidLicenseKey,
372
+ shown: "shown"
373
+ };
374
+ }
375
+ if (data.data.licenseStatus == 'valid') {
376
+ this.notificationElement = {
377
+ type: 'success',
378
+ text: this.genericText.licenseActivated,
379
+ shown: "shown"
380
+ };
381
+ }
382
+ extension.licenseStatus = data.data.licenseStatus;
383
+ extension.licenseKey = licenseKey;
384
 
385
+ setTimeout(function () {
386
+ this.notificationElement.shown = "hidden";
387
+ }.bind(this), 3000);
388
+ }
389
+ return;
390
+ });
391
  },
392
 
393
  /**
397
  *
398
  * @param {object} extension
399
  */
400
+ deactivateExtensionLicense: function (extension) {
401
  let licenseKey = this.extensionsLicenseKey[extension.name];
402
  this.extensionFieldHasError = false;
403
  this.loading = true;
404
  this.pressedBtnName = extension.name;
405
  let data = new FormData();
406
+ data.append('action', 'sbi_deactivate_extension_license');
407
+ data.append('extension_name', extension.name);
408
+ data.append('extension_item_name', extension.itemName);
409
+ data.append('nonce', this.nonce);
410
  fetch(this.ajaxHandler, {
411
  method: "POST",
412
  credentials: 'same-origin',
413
  body: data
414
  })
415
+ .then(response => response.json())
416
+ .then(data => {
417
+ this.loading = false;
418
+ if (data.success == true) {
419
+ this.extensionFieldHasError = false;
420
+ this.pressedBtnName = null;
421
+ if (data.data.licenseStatus == 'deactivated') {
422
+ this.notificationElement = {
423
+ type: 'success',
424
+ text: this.genericText.licenseDeactivated,
425
+ shown: "shown"
426
+ };
427
+ }
428
+ extension.licenseStatus = data.data.licenseStatus;
429
+ extension.licenseKey = licenseKey;
430
 
431
+ setTimeout(function () {
432
+ this.notificationElement.shown = "hidden";
433
+ }.bind(this), 3000);
434
+ }
435
+ return;
436
+ });
437
  },
438
+ testConnection: function () {
439
  this.testConnectionStatus = 'loading';
440
  let data = new FormData();
441
+ data.append('action', 'sbi_test_connection');
442
+ data.append('nonce', this.nonce);
443
  fetch(this.ajaxHandler, {
444
  method: "POST",
445
  credentials: 'same-origin',
446
  body: data
447
  })
448
+ .then(response => response.json())
449
+ .then(data => {
450
+ if (data.success == false) {
451
+ this.testConnectionStatus = 'error';
452
+ this.testConnectionStatusMessage = data.data.error;
453
+ }
454
+ if (data.success == true) {
455
+ this.testConnectionStatus = 'success';
456
 
457
+ setTimeout(function () {
458
+ this.testConnectionStatus = null;
459
+ }.bind(this), 3000);
460
+ }
461
+ return;
462
+ });
463
  },
464
+ recheckLicense: function (licenseKey, itemName, optionName = null) {
465
  this.recheckLicenseStatus = 'loading';
466
  this.pressedBtnName = optionName;
467
  let data = new FormData();
468
+ data.append('action', 'sbi_recheck_connection');
469
+ data.append('license_key', licenseKey);
470
+ data.append('item_name', itemName);
471
+ data.append('option_name', optionName);
472
+ data.append('nonce', this.nonce);
473
  fetch(this.ajaxHandler, {
474
  method: "POST",
475
  credentials: 'same-origin',
476
  body: data
477
  })
478
+ .then(response => response.json())
479
+ .then(data => {
480
+ if (data.success == true) {
481
+ if (data.data.license == 'valid') {
482
+ this.recheckLicenseStatus = 'success';
483
+ }
484
+ if (data.data.license == 'expired') {
485
+ this.recheckLicenseStatus = 'error';
486
+ }
487
 
488
+ // if the api license status has changed from old stored license status
489
+ // then reload the page to show proper error message and notices
490
+ // or hide error messages and notices
491
+ if (data.data.licenseChanged == true) {
492
+ location.reload();
493
+ }
494
 
495
+ setTimeout(function () {
496
+ this.pressedBtnName = null;
497
+ this.recheckLicenseStatus = null;
498
+ }.bind(this), 3000);
499
+ }
500
+ return;
501
+ });
502
  },
503
+ recheckLicenseIcon: function () {
504
+ if (this.recheckLicenseStatus == null) {
505
  return this.generalTab.licenseBox.recheckLicense;
506
+ } else if (this.recheckLicenseStatus == 'loading') {
507
  return this.loaderSVG;
508
+ } else if (this.recheckLicenseStatus == 'success') {
509
  return this.timesCircleSVG + ' ' + this.generalTab.licenseBox.licenseValid;
510
+ } else if (this.recheckLicenseStatus == 'error') {
511
  return this.timesCircleSVG + ' ' + this.generalTab.licenseBox.licenseExpired;
512
  }
513
  },
514
+ recheckBtnText: function (btnName) {
515
+ if (this.recheckLicenseStatus == null || this.pressedBtnName != btnName) {
516
  return this.generalTab.licenseBox.recheckLicense;
517
+ } else if (this.recheckLicenseStatus == 'loading' && this.pressedBtnName == btnName) {
518
  return this.loaderSVG;
519
+ } else if (this.recheckLicenseStatus == 'success') {
520
  return this.timesCircleSVG + ' ' + this.generalTab.licenseBox.licenseValid;
521
+ } else if (this.recheckLicenseStatus == 'error') {
522
  return this.timesCircleSVG + ' ' + this.generalTab.licenseBox.licenseExpired;
523
  }
524
  },
525
+ testConnectionIcon: function () {
526
+ if (this.testConnectionStatus == 'loading') {
527
  return this.loaderSVG;
528
+ } else if (this.testConnectionStatus == 'success') {
529
  return this.timesCircleSVG + ' ' + this.generalTab.licenseBox.connectionSuccessful;
530
+ } else if (this.testConnectionStatus == 'error') {
531
  return this.timesCircleSVG + ' ' + ` ${this.generalTab.licenseBox.connectionFailed} ${this.testConnectionStatusMessage}`;
532
  }
533
  },
534
+ importFile: function () {
535
  document.getElementById("import_file").click();
536
  },
537
+ uploadFile: function (event) {
538
  this.uploadStatus = 'loading';
539
  let file = this.$refs.file.files[0];
540
  let data = new FormData();
541
+ data.append('action', 'sbi_import_settings_json');
542
+ data.append('file', file);
543
+ data.append('nonce', this.nonce);
544
  fetch(this.ajaxHandler, {
545
  method: "POST",
546
  credentials: 'same-origin',
547
  body: data
548
  })
549
+ .then(response => response.json())
550
+ .then(data => {
551
+ this.uploadStatus = null;
552
+ this.$refs.file.files[0] = null;
553
+ if (data.success == false) {
554
+ this.notificationElement = {
555
+ type: 'error',
556
+ text: this.genericText.failedToImportFeed,
557
+ shown: "shown"
558
+ };
559
+ }
560
+ if (data.success == true) {
561
+ this.feeds = data.data.feeds;
562
+ this.notificationElement = {
563
+ type: 'success',
564
+ text: this.genericText.feedImported,
565
+ shown: "shown"
566
+ };
567
+ }
568
+ setTimeout(function () {
569
+ this.notificationElement.shown = "hidden";
570
+ }.bind(this), 3000);
571
+ });
572
  },
573
+ exportFeedSettings: function () {
574
  // return if no feed is selected
575
+ if (this.exportFeed === 'none') {
576
  return;
577
  }
578
 
579
  let url = this.ajaxHandler + '?action=sbi_export_settings_json&nonce=' + this.nonce + '&feed_id=' + this.exportFeed;
580
  window.location = url;
581
  },
582
+ saveSettings: function () {
583
  this.btnStatus = 'loading';
584
  this.pressedBtnName = 'saveChanges';
585
  let data = new FormData();
586
+ data.append('action', 'sbi_save_settings');
587
+ data.append('model', JSON.stringify(this.model));
588
+ data.append('sbi_license_key', this.licenseKey);
589
+ data.append('extensions_license_key', JSON.stringify(this.extensionsLicenseKey));
590
+ data.append('nonce', this.nonce);
591
  fetch(this.ajaxHandler, {
592
  method: "POST",
593
  credentials: 'same-origin',
594
  body: data
595
  })
596
+ .then(response => response.json())
597
+ .then(data => {
598
+ if (data.success == false) {
599
+ this.btnStatus = 'error';
600
+ return;
601
+ }
602
 
603
+ this.cronNextCheck = data.data.cronNextCheck;
604
+ this.btnStatus = 'success';
605
+ setTimeout(function () {
606
+ this.btnStatus = null;
607
+ this.pressedBtnName = null;
608
+ }.bind(this), 3000);
609
+ });
610
  },
611
+ clearCache: function () {
612
  this.clearCacheStatus = 'loading';
613
  let data = new FormData();
614
+ data.append('action', 'sbi_clear_cache');
615
+ data.append('model', JSON.stringify(this.model));
616
+ data.append('nonce', this.nonce);
617
  fetch(this.ajaxHandler, {
618
  method: "POST",
619
  credentials: 'same-origin',
620
  body: data
621
  })
622
+ .then(response => response.json())
623
+ .then(data => {
624
+ if (data.success == false) {
625
+ this.clearCacheStatus = 'error';
626
+ return;
627
+ }
628
 
629
+ this.cronNextCheck = data.data.cronNextCheck;
630
+ this.clearCacheStatus = 'success';
631
+ setTimeout(function () {
632
+ this.clearCacheStatus = null;
633
+ }.bind(this), 3000);
634
+ });
635
  },
636
+ showTooltip: function (tooltipName) {
637
  this.tooltipName = tooltipName;
638
  },
639
+ hideTooltip: function () {
640
  this.tooltipName = null;
641
  },
642
+ gdprOptions: function () {
643
  this.gdprInfoTooltip = null;
644
  },
645
+ gdprLimited: function () {
646
  this.gdprInfoTooltip = this.gdprInfoTooltip == null ? true : null;
647
  },
648
+ clearImageResizeCache: function () {
649
  this.optimizeCacheStatus = 'loading';
650
  let data = new FormData();
651
+ data.append('action', 'sbi_clear_image_resize_cache');
652
+ data.append('nonce', this.nonce);
653
  fetch(this.ajaxHandler, {
654
  method: "POST",
655
  credentials: 'same-origin',
656
  body: data
657
  })
658
+ .then(response => response.json())
659
+ .then(data => {
660
+ if (data.success == false) {
661
+ this.optimizeCacheStatus = 'error';
662
+ return;
663
+ }
664
+ this.optimizeCacheStatus = 'success';
665
+ setTimeout(function () {
666
+ this.optimizeCacheStatus = null;
667
+ }.bind(this), 3000);
668
+ });
669
  },
670
+ resetErrorLog: function () {
671
+ this.clearErrorLogStatus = 'loading';
672
+ let data = new FormData();
673
+ data.append('action', 'sbi_clear_error_log');
674
+ data.append('nonce', this.nonce);
675
+ fetch(this.ajaxHandler, {
676
+ method: "POST",
677
+ credentials: 'same-origin',
678
+ body: data
679
+ })
680
+ .then(response => response.json())
681
+ .then(data => {
682
+ if (!data.success) {
683
+ this.clearErrorLogStatus = 'error';
684
+ return;
685
+ }
686
+ this.clearErrorLogStatus = 'success';
687
+ setTimeout(function () {
688
+ this.clearErrorLogStatus = null;
689
+ }.bind(this), 3000);
690
+ });
691
+ },
692
+ dpaReset: function () {
693
  this.dpaResetStatus = 'loading';
694
  let data = new FormData();
695
+ data.append('action', 'sbi_dpa_reset');
696
+ data.append('nonce', this.nonce);
697
  fetch(this.ajaxHandler, {
698
  method: "POST",
699
  credentials: 'same-origin',
701
  })
702
  .then(response => response.json())
703
  .then(data => {
704
+ if (data.success == false) {
705
  this.dpaResetStatus = 'error';
706
  return;
707
  }
708
  this.dpaResetStatus = 'success';
709
+ setTimeout(function () {
710
  this.dpaResetStatus = null;
711
  }.bind(this), 3000);
712
  });
713
  },
714
+ resetErrorLogIcon: function () {
715
+ if (this.clearErrorLogStatus === null) {
716
+ return;
717
+ }
718
+ if (this.clearErrorLogStatus == 'loading') {
719
+ return this.loaderSVG;
720
+ } else if (this.clearErrorLogStatus == 'success') {
721
+ return this.checkmarkSVG;
722
+ } else if (this.clearErrorLogStatus == 'error') {
723
+ return this.timesCircleSVG;
724
+ }
725
+ },
726
+ saveChangesIcon: function () {
727
+ if (this.btnStatus === 'loading') {
728
  return this.loaderSVG;
729
+ } else if (this.btnStatus === 'success') {
730
  return this.checkmarkSVG;
731
+ } else if (this.btnStatus === 'error') {
732
  return this.timesCircleSVG;
733
  }
734
  },
735
+ importBtnIcon: function () {
736
+ if (this.uploadStatus === null) {
737
  return this.uploadSVG;
738
  }
739
+ if (this.uploadStatus == 'loading') {
740
  return this.loaderSVG;
741
+ } else if (this.uploadStatus == 'success') {
742
  return this.checkmarkSVG;
743
+ } else if (this.uploadStatus == 'error') {
744
  return this.timesCircleSVG;
745
  }
746
  },
747
+ clearCacheIcon: function () {
748
+ if (this.clearCacheStatus === null) {
749
  return this.reloadSVG;
750
  }
751
+ if (this.clearCacheStatus == 'loading') {
752
  return this.loaderSVG;
753
+ } else if (this.clearCacheStatus == 'success') {
754
  return this.checkmarkSVG;
755
+ } else if (this.clearCacheStatus == 'error') {
756
  return this.timesCircleSVG;
757
  }
758
  },
759
+ clearImageResizeCacheIcon: function () {
760
+ if (this.optimizeCacheStatus === null) {
761
  return;
762
  }
763
+ if (this.optimizeCacheStatus == 'loading') {
764
  return this.loaderSVG;
765
+ } else if (this.optimizeCacheStatus == 'success') {
766
  return this.checkmarkSVG;
767
+ } else if (this.optimizeCacheStatus == 'error') {
768
  return this.timesCircleSVG;
769
  }
770
  },
771
+ dpaResetStatusIcon: function () {
772
+ if (this.dpaResetStatus === null) {
773
  return;
774
  }
775
+ if (this.dpaResetStatus == 'loading') {
776
  return this.loaderSVG;
777
+ } else if (this.dpaResetStatus == 'success') {
778
  return this.checkmarkSVG;
779
+ } else if (this.dpaResetStatus == 'error') {
780
  return this.timesCircleSVG;
781
  }
782
  },
786
  *
787
  * @since 4.0
788
  */
789
+ toggleStickyWidget: function () {
790
  this.stickyWidget = !this.stickyWidget;
791
  },
792
 
793
+ printUsedInText: function (usedInNumber) {
794
+ if (usedInNumber == 0) {
795
  return this.genericText.sourceNotUsedYet;
796
  }
797
+ return this.genericText.usedIn + ' ' + usedInNumber + ' ' + (usedInNumber == 1 ? this.genericText.feed : this.genericText.feeds);
798
  },
799
 
800
  /**
802
  *
803
  * @since 4.0
804
  */
805
+ deleteSource: function (sourceToDelete) {
806
  var self = this;
807
+ let data = new FormData();
808
+ data.append('action', 'sbi_feed_saver_manager_delete_source');
809
+ data.append('source_id', sourceToDelete.id);
810
+ data.append('username', sourceToDelete.username);
811
+ data.append('nonce', this.nonce);
812
  fetch(self.ajaxHandler, {
813
  method: "POST",
814
  credentials: 'same-origin',
815
  body: data
816
  })
817
+ .then(response => response.json())
818
+ .then(data => {
819
+ if (sourceToDelete.just_added) {
820
+ window.location.href = window.location.href.replace('sbi_access_token', 'sbi_null');
821
+ }
822
+ self.sourcesList = data;
823
+ });
824
  },
825
 
826
  /**
830
  *
831
  * @return boolean
832
  */
833
+ checkNotEmpty: function (value) {
834
+ return value != null && value.replace(/ /gi, '') != '';
835
  },
836
 
837
  /**
839
  *
840
  * @since 4.0
841
  */
842
+ activateView: function (viewName, sourcePopupType = 'creation', ajaxAction = false) {
843
  var self = this;
844
+ self.viewsActive[viewName] = (self.viewsActive[viewName] == false) ? true : false;
845
+ if (viewName == 'sourcePopup' && sourcePopupType == 'creationRedirect') {
846
+ setTimeout(function () {
847
  self.$refs.addSourceRef.processIFConnect()
848
+ }, 3500);
849
  }
850
 
851
  },
855
  *
856
  * @since 4.0
857
  */
858
+ switchScreen: function (screenType, screenName) {
859
  this.viewsActive[screenType] = screenName;
860
  },
861
 
866
  *
867
  * @return jsonObject / Boolean
868
  */
869
+ jsonParse: function (jsonString) {
870
  try {
871
  return JSON.parse(jsonString);
872
+ } catch (e) {
873
  return false;
874
  }
875
  },
880
  *
881
  * @since 4.0
882
  */
883
+ ajaxPost: function (data, callback) {
884
  var self = this;
885
+ self.$http.post(self.ajaxHandler, data).then(callback);
886
  },
887
 
888
  /**
892
  *
893
  * @return boolean
894
  */
895
+ hasOwnNestedProperty: function (obj, propertyPath) {
896
+ if (!propertyPath) { return false; } var properties = propertyPath.split('.');
897
+ for (var i = 0; i < properties.length; i++) {
898
+ var prop = properties[i];
899
+ if (!obj || !obj.hasOwnProperty(prop)) {
900
+ return false;
901
+ } else {
902
+ obj = obj[prop];
903
+ }
904
  }
905
+ return true;
 
906
  },
907
 
908
  /**
910
  *
911
  * @since 4.0
912
  */
913
+ toggleElementTooltip: function (tooltipText, type, align = 'center') {
914
  var self = this,
915
  target = window.event.currentTarget,
916
  tooltip = (target != undefined && target != null) ? document.querySelector('.sb-control-elem-tltp-content') : null;
917
+ if (tooltip != null && type == 'show') {
918
  self.tooltip.text = tooltipText;
919
  var position = target.getBoundingClientRect(),
920
  left = position.left + 10,
924
  tooltip.style.textAlign = align;
925
  self.tooltip.hover = true;
926
  }
927
+ if (type == 'hide') {
928
  self.tooltip.hover = false;
929
  }
930
  },
934
  *
935
  * @since 4.0
936
  */
937
+ hoverTooltip: function (type) {
938
  this.tooltip.hover = type;
939
  },
940
 
943
  *
944
  * @since 4.0
945
  */
946
+ openDialogBox: function (type, args = []) {
947
+ var self = this,
948
+ heading = self.dialogBoxPopupScreen[type].heading,
949
+ description = self.dialogBoxPopupScreen[type].description,
950
+ customButtons = self.dialogBoxPopupScreen[type].customButtons;
951
 
952
+ switch (type) {
953
+ case "deleteSource":
954
+ self.sourceToDelete = args;
955
+ heading = heading.replace("#", self.sourceToDelete.username);
956
+ break;
957
+ }
958
+ self.dialogBox = {
959
+ active: true,
960
+ type: type,
961
+ heading: heading,
962
+ description: description,
963
+ customButtons: customButtons
964
+ };
965
  },
966
 
967
 
970
  *
971
  * @since 4.0
972
  */
973
+ confirmDialogAction: function () {
974
  var self = this;
975
  switch (self.dialogBox.type) {
976
  case 'deleteSource':
987
  * @param {object} source
988
  * @param {int} sourceIndex
989
  */
990
+ displayFeedSettings: function (source, sourceIndex) {
991
  this.expandedFeedID = sourceIndex + 1;
992
  },
993
 
999
  * @param {object} source
1000
  * @param {int} sourceIndex
1001
  */
1002
+ hideFeedSettings: function () {
1003
  this.expandedFeedID = null;
1004
  },
1005
 
1006
+ /**
1007
+ * Copy text to clipboard
1008
+ *
1009
+ * @since 4.0
1010
+ */
1011
+ copyToClipBoard: function (value) {
1012
+ var self = this;
1013
+ const el = document.createElement('textarea');
1014
+ el.className = 'sbi-fb-cp-clpboard';
1015
+ el.value = value;
1016
+ document.body.appendChild(el);
1017
+ el.select();
1018
+ document.execCommand('copy');
1019
+ document.body.removeChild(el);
1020
+ self.notificationElement = {
1021
+ type: 'success',
1022
+ text: this.genericText.copiedClipboard,
1023
+ shown: "shown"
1024
+ };
1025
+ setTimeout(function () {
1026
+ self.notificationElement.shown = "hidden";
1027
+ }, 3000);
1028
+ },
1029
+
1030
+ escapeHTML: function (text) {
1031
+ return text.replace(/&/g, "&amp;")
1032
+ .replace(/</g, "&lt;")
1033
+ .replace(/>/g, "&gt;")
1034
+ .replace(/"/g, "&quot;")
1035
+ .replace(/'/g, "&#039;");
1036
+ },
1037
 
1038
 
1039
  /**
1041
  *
1042
  * @since 4.0
1043
  */
1044
+ viewSourceInstances: function (source) {
1045
  var self = this;
1046
  self.viewsActive.instanceSourceActive = source;
1047
  },
1053
  *
1054
  * @return string
1055
  */
1056
+ returnAccountAvatar: function (source) {
1057
+ if (typeof source.local_avatar_url !== "undefined" && source.local_avatar_url !== '') {
1058
  return source.local_avatar_url;
1059
  }
1060
  if (typeof source.avatar_url !== "undefined" && source.avatar_url !== '') {
1064
  return false;
1065
  },
1066
 
1067
+ /**
1068
+ * Trigger & Open Personal Account Info Dialog
1069
+ *
1070
+ * @since 6.0.8
1071
+ *
1072
+ * @return string
1073
+ */
1074
+ openPersonalAccount: function (source) {
1075
+ let self = this;
1076
+ self.$refs.personalAccountRef.personalAccountInfo.id = source.account_id;
1077
+ self.$refs.personalAccountRef.personalAccountInfo.username = source.username;
1078
+ self.$refs.personalAccountRef.personalAccountInfo.bio = source?.header_data?.biography;
1079
+ self.$refs.personalAccountRef.personalAccountPopup = true;
1080
+ self.$refs.personalAccountRef.step = 2;
1081
+ },
1082
+
1083
+ /**
1084
+ * Cancel Personal Account
1085
+ *
1086
+ * @since 6.0.8
1087
+ */
1088
+ cancelPersonalAccountUpdate: function () {
1089
+ },
1090
+
1091
+ successPersonalAccountUpdate: function () {
1092
+ let self = this;
1093
+ self.notificationElement = {
1094
+ type: 'success',
1095
+ text: self.genericText.personalAccountUpdated,
1096
+ shown: "shown"
1097
+ };
1098
+ setTimeout(function () {
1099
+ self.notificationElement.shown = "hidden";
1100
+ }, 3000);
1101
+
1102
+ sbiSettings.$forceUpdate();
1103
+ },
1104
+
1105
  }
1106
  });
1107
 
admin/builder/assets/css/global.css CHANGED
@@ -2808,7 +2808,83 @@
2808
  align-items: center;
2809
  }
2810
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2811
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2812
 
2813
  /*** 7.0 Settings CTA ***/
2814
  .sbi-settings-cta {
2808
  align-items: center;
2809
  }
2810
 
2811
+ /*Personal Account Popup*/
2812
+ .sbi-personal-account-ctn .sbi-source-account-box{
2813
+ display: flex;
2814
+ justify-content: center;
2815
+ align-items: center;
2816
+ }
2817
+ .sbi-pers-account-icon{
2818
+ width: 64px;
2819
+ height: 64px;
2820
+ display: flex;
2821
+ justify-content: center;
2822
+ align-items: center;
2823
+ border: 7px solid #bfe8ff;
2824
+ border-radius: 50%;
2825
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
2826
+ }
2827
+ .sbi-pers-account-icon svg{
2828
+ float: left;
2829
+ }
2830
+
2831
+ .sbi-personal-account-ctn .sbi-fb-personal-step1 .sbi-fb-source-top {
2832
+ padding: 27px 54px 27px;
2833
+ text-align: center;
2834
+ }
2835
+ .sbi-fb-personal-step2 .sbi-fb-source-btn{
2836
+ margin-right: 0px !important;
2837
+ }
2838
+ .sbi-personal-account-ctn button{
2839
+ font-weight: 600;
2840
+ }
2841
+ .sbi-fb-personal-form{
2842
+ text-align: left;
2843
+ padding-top: 25px;
2844
+ padding-bottom: 20px;
2845
+ }
2846
+ .sbi-fb-personal-step2 > *{
2847
+ padding-left: 19px;
2848
+ padding-right: 19px;
2849
+ }
2850
+ .sbi-fb-personal-upload-btn{
2851
+ margin-top: 12px;
2852
+ }
2853
+ .sbi-fb-personal-upload-btn button span{
2854
+ padding: 0 5px;
2855
+ }
2856
+ .sbi-fb-personal-upload-btn button svg{
2857
+ float: left;
2858
+ }
2859
+ .sbi-fb-personal-upload-btn input[type="file"]{
2860
+ display: none;
2861
+ }
2862
+ .sbi-fb-personal-upload-btn > *{
2863
+ display: inline-flex;
2864
+ margin-right: 7px!important;
2865
+ }
2866
+
2867
 
2868
+ .sbi-fb-personal-textarea{
2869
+ margin-top: 16px;
2870
+ }
2871
+ .sbi-fb-personal-textarea > *{
2872
+ width: 100%;
2873
+ float: left;
2874
+ }
2875
+ .sbi-fb-personal-textarea label{
2876
+ font-size: 14px;
2877
+ color: #434960;
2878
+ margin-bottom: 10px;
2879
+ margin-top: 10px;
2880
+ }
2881
+ .sbi-fb-personal-textarea textarea{
2882
+ height: 77px;
2883
+ border: 1px solid #D0D1D7;
2884
+ border-radius: 1px;
2885
+ padding: 8px 2px 2px 12px;
2886
+ outline: none;
2887
+ }
2888
 
2889
  /*** 7.0 Settings CTA ***/
2890
  .sbi-settings-cta {
admin/builder/assets/js/builder.js CHANGED
@@ -14,199 +14,199 @@ var sbiBuilder,
14
  sbiBuilder = new Vue({
15
  el: '#sbi-builder-app',
16
  http: {
17
- emulateJSON: true,
18
- emulateHTTP: true
19
- },
20
- components: {
21
- 'sketch-picker': sketch,
22
- },
23
  mixins: [VueClickaway.mixin],
24
  data: {
25
- nonce : sbi_builder.nonce,
26
 
27
- template : sbi_builder.feedInitOutput,
28
- templateRender : false,
29
- updatedTimeStamp : new Date().getTime(),
30
- feedSettingsDomOptions : null,
31
 
32
- $parent : this,
33
  plugins: sbi_builder.installPluginsPopup,
34
- dismissLite : sbi_builder.instagram_feed_dismiss_lite,
35
  supportPageUrl: sbi_builder.supportPageUrl,
36
- builderUrl : sbi_builder.builderUrl,
37
- pluginType : sbi_builder.pluginType,
38
- genericText : sbi_builder.genericText,
39
- ajaxHandler : sbi_builder.ajax_handler,
40
- adminPostURL : sbi_builder.adminPostURL,
41
- widgetsPageURL : sbi_builder.widgetsPageURL,
42
- translatedText : sbi_builder.translatedText,
43
- socialShareLink : sbi_builder.socialShareLink,
44
  licenseType: sbi_builder.licenseType,
45
  freeCtaShowFeatures: false,
46
  upgradeUrl: sbi_builder.upgradeUrl,
47
  pluginUrl: sbi_builder.pluginUrl,
48
 
49
- welcomeScreen : sbi_builder.welcomeScreen,
50
- allFeedsScreen : sbi_builder.allFeedsScreen,
51
- extensionsPopup : sbi_builder.extensionsPopup,
52
- mainFooterScreen : sbi_builder.mainFooterScreen,
53
- embedPopupScreen : sbi_builder.embedPopupScreen,
54
-
55
- selectSourceScreen : sbi_builder.selectSourceScreen,
56
- customizeScreensText : sbi_builder.customizeScreens,
57
- dialogBoxPopupScreen : sbi_builder.dialogBoxPopupScreen,
58
- selectFeedTypeScreen : sbi_builder.selectFeedTypeScreen,
59
- addFeaturedPostScreen : sbi_builder.addFeaturedPostScreen,
60
- addFeaturedAlbumScreen : sbi_builder.addFeaturedAlbumScreen,
61
- addVideosPostScreen : sbi_builder.addVideosPostScreen,
62
- dummyLightBoxData : sbi_builder.dummyLightBoxData,
63
-
64
- svgIcons : sbi_builder.svgIcons,
65
- feedsList : sbi_builder.feeds,
66
- manualSourcePopupInit : sbi_builder.manualSourcePopupInit,
67
- feedTypes : sbi_builder.feedTypes,
68
- socialInfo : sbi_builder.socialInfo,
69
- sourcesList : sbi_builder.sources,
70
- links : sbi_builder.links,
71
- legacyFeedsList : sbi_builder.legacyFeeds,
72
- activeExtensions : sbi_builder.activeExtensions,
73
- advancedFeedTypes : sbi_builder.advancedFeedTypes,
74
 
75
 
76
 
77
  //Selected Feed type => User Hashtag Tagged
78
- selectedFeed : ['user'],
79
- selectedFeedPopup : [],
80
-
81
- selectedSources : [],
82
- selectedSourcesPopup : [],
83
- selectedSourcesTagged : [],
84
- selectedSourcesTaggedPopup : [],
85
- selectedSourcesUser : [],
86
- selectedSourcesUserPopup : [],
87
- selectedHastags : [],
88
- selectedHastagsPopup : [],
89
- hashtagInputText : '',
90
- hashtagOrderBy : 'recent',
91
-
92
- viewsActive : {
93
  //Screens where the footer widget is disabled
94
- footerDiabledScreens : [
95
  'welcome',
96
  'selectFeed'
97
  ],
98
- footerWidget : false,
99
 
100
  // welcome, selectFeed
101
- pageScreen : 'welcome',
102
 
103
  // feedsType, selectSource, feedsTypeGetProcess
104
- selectedFeedSection : 'feedsType',
105
 
106
- sourcePopup : false,
107
- feedtypesPopup : false,
108
- feedtypesCustomizerPopup : false,
109
- sourcesListPopup : false,
110
  // step_1 [Add New Source] , step_2 [Connect to a user pages/groups], step_3 [Add Manually]
111
- sourcePopupScreen : 'redirect_1',
112
 
113
  // creation or customizer
114
- sourcePopupType : 'creation',
115
- extensionsPopupElement : false,
116
- feedTypeElement : null,
117
- instanceFeedActive : null,
118
- clipboardCopiedNotif : false,
119
- legacyFeedsShown : false,
120
- editName : false,
121
- embedPopup : false,
122
- embedPopupScreen : 'step_1',
123
- embedPopupSelectedPage : null,
124
-
125
- moderationMode : false,
126
-
127
- // onboarding
128
- onboardingPopup : sbi_builder.allFeedsScreen.onboarding.active,
129
- onboardingStep : 1,
130
 
131
  // customizer onboarding
132
- onboardingCustomizerPopup : sbi_builder.customizeScreens.onboarding.active,
133
 
134
  // plugin install popup
135
- installPluginPopup : false,
136
  installPluginModal: 'facebook'
137
- },
138
 
139
- //Feeds Pagination
140
- feedPagination : {
141
- feedsCount : sbi_builder.feedsCount != undefined ? sbi_builder.feedsCount : null,
142
- pagesNumber : 1,
143
- currentPage : 1,
144
- itemsPerPage : sbi_builder.itemsPerPage != undefined ? sbi_builder.itemsPerPage : null,
145
- },
146
 
147
  //Add New Source
148
- newSourceData : sbi_builder.newSourceData ? sbi_builder.newSourceData : null,
149
- sourceConnectionURLs : sbi_builder.sourceConnectionURLs,
150
- returnedApiSourcesList : [],
151
- addNewSource : {
152
- typeSelected : 'page',
153
- manualSourceID : null,
154
- manualSourceToken : null
155
  },
156
- selectedSourcesToConnect : [],
157
 
158
  //Feeds Types Get Info
159
- extraProcessFeedsTypes : [
160
  //'events',
161
  'singlealbum',
162
  'featuredpost',
163
  'videos'
164
  ],
165
- isCreateProcessGood : false,
166
- feedCreationInfoUrl : null,
167
- feedTypeOnSourcePopup : 'user',
168
-
169
- feedsSelected : [],
170
- selectedBulkAction : false,
171
- singleAlbumFeedInfo : {
172
- url : '',
173
- info : {},
174
  success: false,
175
- isError : false
176
  },
177
- featuredPostFeedInfo : {
178
- url : '',
179
- info : {},
180
  success: false,
181
- isError : false
182
  },
183
- videosTypeInfo : {
184
- type : 'all',
185
- info : {},
186
- playListUrl : null,
187
  success: false,
188
- playListUrlError : false
189
- },
190
-
191
- customizerFeedDataInitial : null,
192
- customizerFeedData : sbi_builder.customizerFeedData,
193
- wordpressPageLists : sbi_builder.wordpressPageLists,
194
- iscustomizerScreen : (sbi_builder.customizerFeedData != undefined && sbi_builder.customizerFeedData != false),
195
-
196
- customizerSidebarBuilder : sbi_builder.customizerSidebarBuilder,
197
- customizerScreens : {
198
- activeTab : 'customize',
199
- printedType : {},
200
- activeSection : null,
201
- previewScreen : 'desktop',
202
- sourceExpanded : null,
203
- sourcesChoosed : [],
204
- inputNameWidth : '0px',
205
- activeSectionData : null,
206
- parentActiveSection : null, //For nested Setions
207
- parentActiveSectionData : null, //For nested Setions
208
- activeColorPicker : null,
209
- popupBackButton : ['hashtag','tagged','socialwall','feedLayout','headerLayout','postStyling','lightbox','filtermoderation','shoppablefeed']
210
  },
211
  previewScreens: [
212
  'desktop',
@@ -214,104 +214,104 @@ sbiBuilder = new Vue({
214
  'mobile'
215
  ],
216
 
217
- nestedStylingSection : [
218
 
219
  ],
220
- expandedCaptions : [],
221
 
222
- sourceToDelete : {},
223
- feedToDelete : {},
224
- dialogBox : {
225
- active : false,
226
- type : null, //deleteSourceCustomizer
227
- heading : null,
228
- description : null,
229
- customButtons : undefined
230
  },
231
 
232
- feedStyle : '',
233
- expandedPostText : [],
234
- showedSocialShareTooltip : null,
235
- showedCommentSection : [],
236
 
237
  //LightBox Object
238
- lightBox : {
239
- visibility : 'hidden',
240
- type : null,
241
- post : null,
242
- activeImage : null,
243
- albumIndex : 0,
244
- videoSource : null
245
- },
246
- highLightedSection : 'all',
247
-
248
- shoppableFeed : {
249
- postId : null,
250
- postMedia : null,
251
- postCaption : null,
252
- postShoppableUrl : ''
253
- },
254
-
255
- moderationSettings : {
256
- list_type_selected : null,
257
- allow_list : [],
258
- block_list : []
259
- },
260
- customBlockModerationlistTemp : '',
261
- tooltip : {
262
- text : '',
263
- hover : false,
264
- hoverType : 'outside'
265
  },
266
  //Loading Bar
267
- fullScreenLoader : false,
268
- appLoaded : false,
269
- previewLoaded : false,
270
- loadingBar : true,
271
- notificationElement : {
272
- type : 'success', // success, error, warning, message
273
- text : '',
274
- shown : null
275
  },
276
 
277
  //Moderation & Shoppable Mode
278
- moderationShoppableMode : false,
279
- moderationShoppableModeAjaxDone : false,
280
- moderationShoppableModeOffset : 0
281
 
282
 
283
  },
284
- watch : {
285
- feedPreviewOutput : function(){
286
  return this.feedPreviewMaker()
287
  },
288
  },
289
- computed : {
290
 
291
- feedStyleOutput : function(){
292
  return this.customizerStyleMaker();
293
  },
294
- singleHolderData : function(){
295
  return this.singleHolderParams();
296
  },
297
- getModerationShoppableMode : function(){
298
  return false;
299
  }
300
 
301
  },
302
- updated : function(){
303
- if( this.customizerFeedData ){
304
  this.setShortcodeGlobalSettings(true);
305
  }
306
  },
307
- created: function(){
308
  var self = this;
309
  this.$parent = self;
310
- if( self.customizerFeedData ){
311
- self.template = String("<div>"+self.template+"</div>");
312
  self.setShortcodeGlobalSettings(true);
313
 
314
- self.feedSettingsDomOptions = self.jsonParse(jQuery("html").find("#sb_instagram").attr('data-options'));
315
 
316
  self.selectedSources = self.customizerFeedData.settings.id;
317
  self.selectedSourcesUser = self.customizerFeedData.settings.id;
@@ -322,7 +322,7 @@ sbiBuilder = new Vue({
322
 
323
  self.customizerFeedData.settings.shoppablelist = self.jsonParse(self.customizerFeedData.settings.shoppablelist) ? self.jsonParse(self.customizerFeedData.settings.shoppablelist) : [];
324
  self.customizerFeedData.settings.moderationlist = self.jsonParse(self.customizerFeedData.settings.moderationlist) ? self.jsonParse(self.customizerFeedData.settings.moderationlist) : self.moderationSettings;
325
- Object.assign(self.moderationSettings,self.customizerFeedData.settings.moderationlist);
326
 
327
  self.customBlockModerationlistTemp = `${self.customizerFeedData.settings.customBlockModerationlist}`;
328
 
@@ -331,28 +331,28 @@ sbiBuilder = new Vue({
331
  self.updatedTimeStamp = new Date().getTime();
332
  }
333
 
334
- if(self.customizerFeedData == undefined){
335
  self.feedPagination.pagesNumber = self.feedPagination.feedsCount != null ? Math.ceil(self.feedPagination.feedsCount / self.feedPagination.itemsPerPage) : 1
336
  }
337
 
338
  window.addEventListener('beforeunload', (event) => {
339
- if( self.customizerFeedData ){
340
- self.leaveWindowHandler(event);
341
  }
342
- });
343
 
344
 
345
  self.loadingBar = false;
346
- /* Onboarding - move elements so the position is in context */
347
  self.positionOnboarding();
348
- setTimeout(function(){
349
  self.positionOnboarding();
350
  }, 500);
351
 
352
  self.appLoaded = true;
353
  },
354
  methods: {
355
- updateColorValue : function(id){
356
  var self = this;
357
  self.customizerFeedData.settings[id] = (self.customizerFeedData.settings[id].a == 1) ? self.customizerFeedData.settings[id].hex : self.customizerFeedData.settings[id].hex8;
358
  },
@@ -363,13 +363,13 @@ sbiBuilder = new Vue({
363
  *
364
  * @since 6.0
365
  */
366
- leaveWindowHandler : function(ev){
367
  var self = this,
368
- updateFeedData = {
369
- action : 'sbi_feed_saver_manager_recache_feed',
370
- feedID : self.customizerFeedData.feed_info.id,
371
- };
372
- self.ajaxPost(updateFeedData, function(_ref){
373
  var data = _ref.data;
374
  });
375
  },
@@ -379,19 +379,19 @@ sbiBuilder = new Vue({
379
  *
380
  * @since 6.0
381
  */
382
- activateView : function(viewName, sourcePopupType = 'creation', ajaxAction = false){
383
  var self = this;
384
- if(viewName === 'extensionsPopupElement' && self.customizerFeedData !== undefined && (self.viewsActive.extensionsPopupElement == 'tagged' || self.viewsActive.extensionsPopupElement == 'hashtag')){
385
  self.activateView('feedtypesPopup');
386
  }
387
 
388
- self.viewsActive[viewName] = (self.viewsActive[viewName] == false ) ? true : false;
389
- if(viewName === 'sourcePopup'){
390
  self.viewsActive.sourcePopupType = sourcePopupType;
391
- if(self.customizerFeedData != undefined && sourcePopupType != 'updateCustomizer'){
392
- Object.assign(self.customizerScreens.sourcesChoosed,self.customizerFeedData.settings.sources);
393
  }
394
- if(self.customizerFeedData != undefined && sourcePopupType == 'updateCustomizer'){
395
  //self.viewsActive.sourcesListPopup = true;
396
  //self.viewsActive.sourcePopupType = 'customizer';
397
  //self.viewsActive.sourcePopup = true;
@@ -399,26 +399,26 @@ sbiBuilder = new Vue({
399
  //self.customizerFeedData.settings.sources = self.customizerScreens.sourcesChoosed;
400
  }
401
 
402
- if( ajaxAction !== false ){
403
- self.customizerControlAjaxAction( ajaxAction );
404
  }
405
  }
406
- if(viewName === 'feedtypesPopup'){
407
  self.viewsActive.feedTypeElement = null;
408
  }
409
 
410
- if(viewName == 'editName'){
411
  document.getElementById("sbi-csz-hd-input").focus();
412
  }
413
- if(viewName == 'embedPopup' && ajaxAction == true){
414
  self.saveFeedSettings();
415
  }
416
 
417
- if((viewName == 'sourcePopup' || viewName == 'sourcePopupType') && sourcePopupType == 'creationRedirect'){
418
- self.viewsActive.sourcePopupScreen = 'redirect_1';
419
- setTimeout(function(){
420
  self.$refs.addSourceRef.processIFConnect()
421
- },3500);
422
  }
423
  sbiBuilder.$forceUpdate();
424
  self.movePopUp();
@@ -429,16 +429,16 @@ sbiBuilder = new Vue({
429
  *
430
  * @since 4.0
431
  */
432
- activateViewOrRedirect: function(viewName, pluginName, plugin) {
433
  var self = this;
434
- if ( plugin.installed && plugin.activated ) {
435
  window.location = plugin.dashboard_permalink;
436
  return;
437
  }
438
 
439
- self.viewsActive[viewName] = (self.viewsActive[viewName] == false ) ? true : false;
440
 
441
- if(viewName == 'installPluginPopup'){
442
  self.viewsActive.installPluginModal = pluginName;
443
  }
444
 
@@ -446,7 +446,7 @@ sbiBuilder = new Vue({
446
  sbiBuilder.$forceUpdate();
447
  },
448
 
449
- movePopUp : function(){
450
  var overlay = document.querySelectorAll("sb-fs-boss");
451
  if (overlay.length > 0) {
452
  document.getElementById("wpbody-content").prepend(overlay[0]);
@@ -460,7 +460,7 @@ sbiBuilder = new Vue({
460
  *
461
  * @return boolean
462
  */
463
- checkActiveView : function(viewName){
464
  return this.viewsActive[viewName];
465
  },
466
 
@@ -469,7 +469,7 @@ sbiBuilder = new Vue({
469
  *
470
  * @since 4.0
471
  */
472
- switchScreen: function(screenType, screenName){
473
  this.viewsActive[screenType] = screenName;
474
  sbiBuilder.$forceUpdate();
475
  },
@@ -481,8 +481,8 @@ sbiBuilder = new Vue({
481
  *
482
  * @return boolean
483
  */
484
- checkNotEmpty : function(value){
485
- return value != null && value.replace(/ /gi,'') != '';
486
  },
487
 
488
  /**
@@ -492,8 +492,8 @@ sbiBuilder = new Vue({
492
  *
493
  * @return boolean
494
  */
495
- checkObjectArrayElement : function(objectArray, object, byWhat){
496
- var objectResult = objectArray.filter(function(elem){
497
  return elem[byWhat] == object[byWhat];
498
  });
499
  return (objectResult.length > 0) ? true : false;
@@ -506,7 +506,7 @@ sbiBuilder = new Vue({
506
  *
507
  * @return boolean
508
  */
509
- valueIsEnabled : function(value){
510
  return value == 1 || value == true || value == 'true' || value == 'on';
511
  },
512
 
@@ -518,10 +518,10 @@ sbiBuilder = new Vue({
518
  *
519
  * @return jsonObject / Boolean
520
  */
521
- jsonParse : function(jsonString){
522
  try {
523
  return JSON.parse(jsonString);
524
- } catch(e) {
525
  return false;
526
  }
527
  },
@@ -532,10 +532,10 @@ sbiBuilder = new Vue({
532
  *
533
  * @since 4.0
534
  */
535
- ajaxPost : function(data, callback){
536
  var self = this;
537
- data['nonce'] = this.nonce;
538
- self.$http.post(self.ajaxHandler,data).then(callback);
539
  },
540
 
541
  /**
@@ -545,17 +545,17 @@ sbiBuilder = new Vue({
545
  *
546
  * @return boolean
547
  */
548
- hasOwnNestedProperty : function(obj,propertyPath) {
549
- if (!propertyPath){return false;}var properties = propertyPath.split('.');
550
- for (var i = 0; i < properties.length; i++) {
551
- var prop = properties[i];
552
- if (!obj || !obj.hasOwnProperty(prop)) {
553
- return false;
554
- } else {
555
- obj = obj[prop];
556
- }
557
- }
558
- return true;
559
  },
560
 
561
 
@@ -564,27 +564,27 @@ sbiBuilder = new Vue({
564
  *
565
  * @since 4.0
566
  */
567
- feedListPagination : function(type){
568
  var self = this,
569
  currentPage = self.feedPagination.currentPage,
570
  pagesNumber = self.feedPagination.pagesNumber;
571
  self.loadingBar = true;
572
- if((currentPage != 1 && type == 'prev') || (currentPage < pagesNumber && type == 'next')){
573
  self.feedPagination.currentPage = (type == 'next') ?
574
  (currentPage < pagesNumber ? (parseInt(currentPage) + 1) : pagesNumber) :
575
  (currentPage > 1 ? (parseInt(currentPage) - 1) : 1);
576
 
577
  var postData = {
578
- action : 'sbi_feed_saver_manager_get_feed_list_page',
579
- page : self.feedPagination.currentPage
580
  };
581
- self.ajaxPost(postData, function(_ref){
582
- var data = _ref.data;
583
- if(data){
584
- self.feedsList = data;
585
- }
586
  self.loadingBar = false;
587
- });
588
  sbiBuilder.$forceUpdate();
589
  }
590
  },
@@ -594,13 +594,13 @@ sbiBuilder = new Vue({
594
  *
595
  * @since 6.0
596
  */
597
- chooseFeedType : function(feedTypeEl, iscustomizerPopup = false){
598
  var self = this;
599
- if(feedTypeEl.type == 'user'){
600
  self.selectedFeed = 'user';
601
- }else{
602
  self.viewsActive.extensionsPopupElement = feedTypeEl.type;
603
- if( self.customizerFeedData !== undefined){
604
  self.viewsActive['feedtypesPopup'] = false;
605
  }
606
  }
@@ -612,12 +612,12 @@ sbiBuilder = new Vue({
612
  *
613
  * @since 6.0
614
  */
615
- selectFeedTypePopup : function( feedTypeEl ){
616
  var self = this;
617
- if(feedTypeEl.type != 'socialwall'){
618
- if(!self.selectedFeedPopup.includes(feedTypeEl.type) && !self.selectedFeed.includes(feedTypeEl.type)){
619
  self.selectedFeedPopup.push(feedTypeEl.type);
620
- }else{
621
  self.selectedFeedPopup.splice(self.selectedFeedPopup.indexOf(feedTypeEl.type), 1);
622
  }
623
  }
@@ -628,9 +628,9 @@ sbiBuilder = new Vue({
628
  *
629
  * @since 6.0
630
  */
631
- checkFeedTypeSelect : function( feedTypeEl ){
632
  var self = this;
633
- if(self.customizerFeedData){
634
  return self.selectedFeedPopup.includes(feedTypeEl.type) && feedTypeEl.type != 'socialwall'
635
  }
636
  return self.selectedFeed.includes(feedTypeEl.type) && feedTypeEl.type != 'socialwall'
@@ -641,11 +641,11 @@ sbiBuilder = new Vue({
641
  *
642
  * @since 6.0
643
  */
644
- addFeedTypePopup : function(){
645
  var self = this;
646
  self.selectedFeed = self.selectedFeedPopup.concat(self.selectedFeed);
647
  self.activateView('feedtypesPopup');
648
- if( self.customizerFeedData ){
649
  self.activateView('feedtypesCustomizerPopup');
650
  }
651
  },
@@ -656,33 +656,33 @@ sbiBuilder = new Vue({
656
  *
657
  * @since 6.0
658
  */
659
- getCustomizerSelectedFeedsType : function(){
660
  var self = this,
661
- customizerSettings = self.customizerFeedData.settings;
662
 
663
  switch (customizerSettings.type) {
664
  case 'user':
665
  return ['user'];
666
- break;
667
  case 'hashtag':
668
  return ['hashtag'];
669
- break;
670
  case 'tagged':
671
  return ['tagged'];
672
- break;
673
  case 'mixed':
674
  var feedTypes = [];
675
- if( customizerSettings.id.length > 0 ){
676
  feedTypes.push('user');
677
  }
678
- if( customizerSettings.hashtag.length > 0 ){
679
  feedTypes.push('hashtag');
680
  }
681
- if( customizerSettings.tagged.length > 0 ){
682
  feedTypes.push('tagged');
683
  }
684
  return feedTypes;
685
- break;
686
  }
687
 
688
  },
@@ -692,7 +692,7 @@ sbiBuilder = new Vue({
692
  *
693
  * @since 6.0
694
  */
695
- checkMultipleFeedType : function(){
696
  return this.selectedFeed.length > 1;
697
  },
698
 
@@ -701,7 +701,7 @@ sbiBuilder = new Vue({
701
  *
702
  * @since 6.0
703
  */
704
- checkMultipleFeedTypeActive : function(feedTypeID){
705
  return this.selectedFeed.length >= 1 && this.selectedFeed.includes(feedTypeID);
706
  },
707
 
@@ -711,8 +711,8 @@ sbiBuilder = new Vue({
711
  *
712
  * @since 6.0
713
  */
714
- checkMultipleFeedTypeActiveCustomizer : function(feedTypeID){
715
- return this.customizerFeedData.settings.type == feedTypeID || ( this.customizerFeedData.settings.type == 'mixed' && this.checkFeedTypeHasSources(feedTypeID) );
716
  },
717
 
718
  /**
@@ -721,18 +721,18 @@ sbiBuilder = new Vue({
721
  *
722
  * @since 6.0
723
  */
724
- checkFeedTypeHasSources : function(feedTypeID){
725
  var self = this;
726
  switch (feedTypeID) {
727
  case 'user':
728
  return self.createSourcesArray(self.customizerFeedData.settings.id).length > 0;
729
- break;
730
  case 'hashtag':
731
  return self.createSourcesArray(self.customizerFeedData.settings.hashtag).length > 0;
732
- break;
733
  case 'tagged':
734
  return self.createSourcesArray(self.customizerFeedData.settings.tagged).length > 0;
735
- break;
736
  }
737
  return false;
738
  },
@@ -743,13 +743,13 @@ sbiBuilder = new Vue({
743
  *
744
  * @since 6.0
745
  */
746
- openFeedTypesPopupCustomizer : function(){
747
  var self = this;
748
- self.selectedSourcesUserPopup = self.createSourcesArray(self.selectedSourcesUser);
749
- self.selectedSourcesTaggedPopup = self.createSourcesArray(self.selectedSourcesTagged);
750
- self.selectedHastagsPopup = self.createSourcesArray(self.selectedHastags);
751
- self.activateView('feedtypesCustomizerPopup')
752
- },
753
 
754
  /**
755
  * Customizer
@@ -757,7 +757,7 @@ sbiBuilder = new Vue({
757
  *
758
  * @since 6.0
759
  */
760
- toggleFeedTypesChooserPopup : function(){
761
  var self = this;
762
  self.activateView('feedtypesCustomizerPopup');
763
  self.activateView('feedtypesPopup');
@@ -769,10 +769,10 @@ sbiBuilder = new Vue({
769
  *
770
  * @since 6.0
771
  */
772
- toggleFeedTypesSourcesPopup : function(){
773
  var self = this;
774
  self.activateView('sourcesListPopup');
775
- if( self.customizerFeedData ){
776
  self.activateView('feedtypesCustomizerPopup');
777
  }
778
  },
@@ -783,18 +783,18 @@ sbiBuilder = new Vue({
783
  * & Sources/Hashtags
784
  * @since 6.0
785
  */
786
- updateFeedTypeAndSourcesCustomizer : function(){
787
  var self = this;
788
- self.selectedSourcesUser = JSON.parse( JSON.stringify( self.createSourcesArray( self.selectedSourcesUserPopup ) ) );
789
- self.selectedSourcesTagged = JSON.parse( JSON.stringify( self.createSourcesArray( self.selectedSourcesTaggedPopup ) ) );
790
- self.selectedHastags = JSON.parse( JSON.stringify( self.createSourcesArray( self.getFeedHashtagsSaverPopup() ) ) );
791
 
792
 
793
 
794
- self.customizerFeedData.settings.type = self.getFeedTypeSaver();
795
- self.customizerFeedData.settings.id = self.getFeedIdSourcesSaver();
796
- self.customizerFeedData.settings.tagged = self.getFeedIdSourcesTaggedSaver();
797
- self.customizerFeedData.settings.hashtag = self.getFeedHashtagsSaver();
798
 
799
 
800
  /**/
@@ -809,17 +809,17 @@ sbiBuilder = new Vue({
809
  * & Sources/Hashtags
810
  * @since 6.0
811
  */
812
- cancelFeedTypeAndSourcesCustomizer : function(){
813
  var self = this;
814
- if(
815
- JSON.stringify(self.createSourcesArray(self.selectedSourcesUser )) === JSON.stringify(self.createSourcesArray(self.selectedSourcesUserPopup)) &&
816
- JSON.stringify(self.createSourcesArray(self.selectedSourcesTagged )) === JSON.stringify(self.createSourcesArray(self.selectedSourcesTaggedPopup)) &&
817
- JSON.stringify(self.createSourcesArray(self.selectedHastags )) === JSON.stringify(self.createSourcesArray(self.getFeedHashtagsSaverPopup())) &&
818
  JSON.stringify(self.selectedFeedPopup) === JSON.stringify(self.selectedFeed)
819
- ){
820
  self.viewsActive['feedtypesPopup'] = false;
821
  self.viewsActive['feedtypesCustomizerPopup'] = false;
822
- }else{
823
  self.openDialogBox('unsavedFeedSources');
824
  }
825
 
@@ -832,9 +832,9 @@ sbiBuilder = new Vue({
832
  * & Sources/Hashtags
833
  * @since 6.0
834
  */
835
- getFeedHashtagsSaverPopup : function(){
836
  var self = this;
837
- if(self.checkNotEmpty( self.hashtagInputText ) ){
838
  self.hashtagWriteDetectPopup(true);
839
  }
840
  return self.selectedHastagsPopup;
@@ -847,7 +847,7 @@ sbiBuilder = new Vue({
847
  *
848
  * @since 6.0
849
  */
850
- maxTypesAdded : function(){
851
  return this.selectedFeed.length >= 3;
852
  },
853
 
@@ -856,17 +856,17 @@ sbiBuilder = new Vue({
856
  *
857
  * @since 6.0
858
  */
859
- removeFeedTypeSource : function(feedTypeID){
860
  var self = this;
861
  self.selectedFeed.splice(self.selectedFeed.indexOf(feedTypeID), 1);
862
- if( feedTypeID == 'user' ){
863
  self.selectedSourcesUser = [];
864
  }
865
- else if( feedTypeID == 'tagged' ){
866
- self.selectedSourcesTagged = [];
867
  }
868
- else if( feedTypeID == 'hashtag' ){
869
- self.selectedHastags = [];
870
  }
871
  },
872
 
@@ -875,28 +875,28 @@ sbiBuilder = new Vue({
875
  *
876
  * @since 6.0
877
  */
878
- checkSingleFeedType : function(feedType){
879
  return this.selectedFeed.length == 1 && this.selectedFeed[0] == feedType;
880
  },
881
 
882
 
883
  //Check Feed Creation Process Sources & Hashtags
884
- creationProcessCheckSourcesHashtags : function(){
885
  var self = this;
886
- if( self.selectedFeed.length > 1 ){
887
  var number = 0;
888
- if( self.selectedFeed.includes('user') && self.selectedSourcesUser.length >= 1 ){
889
  number += 1;
890
  }
891
- if( self.selectedFeed.includes('tagged') && self.selectedSourcesTagged.length >= 1 ){
892
  number += 1;
893
  }
894
- if( self.selectedFeed.includes('hashtag') && self.selectedHastags.length >= 1 ){
895
  number += 1;
896
  }
897
- return ( number > 0 );
898
- }else{
899
- if( self.selectedFeed.length == 1 && self.selectedFeed[0] == 'hashtag' ){
900
  return (self.selectedHastags.length >= 1 || self.checkNotEmpty(self.hashtagInputText))
901
  }
902
  }
@@ -906,69 +906,76 @@ sbiBuilder = new Vue({
906
  /*
907
  Feed Creation Process
908
  */
909
- creationProcessCheckAction : function(){
910
  var self = this, checkBtnNext = false;
911
  switch (self.viewsActive.selectedFeedSection) {
912
  case 'feedsType':
913
  checkBtnNext = self.selectedFeed != null ? true : false;
914
  window.sbiSelectedFeed = self.selectedFeed;
915
- break;
916
  case 'selectSource':
917
  checkBtnNext = self.creationProcessCheckSourcesHashtags();
918
- break;
919
  case 'feedsTypeGetProcess':
920
 
921
- break;
922
  }
923
  return checkBtnNext;
924
  },
925
  //Next Click in the Creation Process
926
- creationProcessNext : function(){
927
  var self = this;
928
  switch (self.viewsActive.selectedFeedSection) {
929
  case 'feedsType':
930
- if(self.selectedFeed !== null){
931
  if (self.selectedFeed === 'socialwall') {
932
  window.location.href = sbi_builder.pluginsInfo.social_wall.settingsPage;
933
  return;
934
  }
935
  self.switchScreen('selectedFeedSection', 'selectSource');
936
  }
937
- break;
938
  case 'selectSource':
939
- self.hashtagWriteDetect(true);
940
- self.isCreateProcessGood = self.creationProcessCheckSourcesHashtags();
941
- break;
 
 
 
 
 
 
942
  case 'feedsTypeGetProcess':
943
- break;
944
  }
945
- if(self.isCreateProcessGood)
946
  self.submitNewFeed();
 
947
 
948
  },
949
- changeVideoSource : function( videoSource ){
950
  this.videosTypeInfo.type = videoSource;
951
  sbiBuilder.$forceUpdate();
952
  },
953
 
954
- //Next Click in the Onboarding Process
955
- onboardingNext : function(){
956
- this.viewsActive.onboardingStep ++;
957
  this.onboardingHideShow();
958
  sbiBuilder.$forceUpdate();
959
  },
960
- //Previous Click in the Onboarding Process
961
- onboardingPrev : function(){
962
- this.viewsActive.onboardingStep --;
963
- this.onboardingHideShow();
964
  sbiBuilder.$forceUpdate();
965
- },
966
- onboardingHideShow : function() {
967
  var tooltips = document.querySelectorAll(".sb-onboarding-tooltip");
968
- for (var i = 0; i < tooltips.length; i++){
969
  tooltips[i].style.display = "none";
970
  }
971
- document.querySelectorAll(".sb-onboarding-tooltip-"+this.viewsActive.onboardingStep)[0].style.display = "block";
972
 
973
  if (this.viewsActive.onboardingCustomizerPopup) {
974
  if (this.viewsActive.onboardingStep === 2) {
@@ -979,27 +986,27 @@ sbiBuilder = new Vue({
979
  }
980
 
981
  },
982
- //Close Click in the Onboarding Process
983
- onboardingClose : function(){
984
- var self = this,
985
  wasActive = self.viewsActive.onboardingPopup ? 'newuser' : 'customizer';
986
 
987
- document.getElementById("sbi-builder-app").classList.remove('sb-onboarding-active');
988
 
989
  self.viewsActive.onboardingPopup = false;
990
  self.viewsActive.onboardingCustomizerPopup = false;
991
 
992
  self.viewsActive.onboardingStep = 0;
993
- var postData = {
994
- action : 'sbi_dismiss_onboarding',
995
- was_active : wasActive
996
  };
997
- self.ajaxPost(postData, function(_ref){
998
- var data = _ref.data;
999
- });
1000
  sbiBuilder.$forceUpdate();
1001
- },
1002
- positionOnboarding : function(){
1003
  var self = this,
1004
  onboardingElem = document.querySelectorAll(".sb-onboarding-overlay")[0],
1005
  wrapElem = document.getElementById("sbi-builder-app");
@@ -1056,7 +1063,7 @@ sbiBuilder = new Vue({
1056
  }
1057
  },
1058
  //Back Click in the Creation Process
1059
- creationProcessBack : function(){
1060
  var self = this;
1061
  switch (self.viewsActive.selectedFeedSection) {
1062
  case 'feedsType':
@@ -1071,21 +1078,21 @@ sbiBuilder = new Vue({
1071
  }
1072
  sbiBuilder.$forceUpdate();
1073
  },
1074
- getSelectedSourceName : function(sourceID){
1075
  var self = this;
1076
- var sourceInfo = self.sourcesList.filter(function(source){
1077
  return source.account_id == sourceID;
1078
  });
1079
  return (sourceInfo.length > 0) ? sourceInfo[0].username : '';
1080
  },
1081
 
1082
- getSourceIdSelected : function(){
1083
  var self = this;
1084
- if(self.selectedFeed.length == 1 && self.selectedFeed[0] != 'hashtag'){
1085
  return self.selectedSources[0];
1086
- }else if(self.selectedSourcesUser.length >= 1 && self.selectedFeed.length > 1 && self.selectedFeed.includes('user')){
1087
  return self.selectedSourcesUser[0];
1088
- }else if(self.selectedSourcesTagged.length >= 1 && self.selectedFeed.length > 1 && self.selectedFeed.includes('tagged')){
1089
  return self.selectedSourcesTagged[0];
1090
  }
1091
  return 'Instagram Feed';
@@ -1094,168 +1101,168 @@ sbiBuilder = new Vue({
1094
 
1095
 
1096
  //Return Feed Type
1097
- getFeedTypeSaver : function(){
1098
  var self = this;
1099
- if(self.selectedFeed.length > 1){
1100
  return 'mixed';
1101
  }
1102
  return self.selectedFeed[0];
1103
  },
1104
 
1105
  //Return Sources ID,
1106
- getFeedIdSourcesSaver : function(){
1107
  var self = this;
1108
- if( ( self.selectedFeed.length > 1 && self.selectedFeed.includes('user') ) || self.customizerFeedData){
1109
  return self.selectedSourcesUser;
1110
  }
1111
- return ( self.selectedFeed.length == 1 && self.selectedFeed.includes('user') ) ? self.selectedSources : "";
1112
  },
1113
 
1114
  //Return Sources ID
1115
- getFeedIdSourcesTaggedSaver : function(){
1116
  var self = this;
1117
- if( ( self.selectedFeed.length > 1 && self.selectedFeed.includes('tagged') ) || self.customizerFeedData){
1118
  return self.selectedSourcesTagged;
1119
  }
1120
- return ( self.selectedFeed.length == 1 && self.selectedFeed.includes('tagged') ) ? self.selectedSources : "";
1121
  },
1122
 
1123
  //Return Hashtag Saver
1124
- getFeedHashtagsSaver : function(){
1125
  var self = this;
1126
- if(self.selectedFeed.length == 1 && self.selectedFeed[0] == 'hashtag' && self.checkNotEmpty(self.hashtagInputText)){
1127
  self.hashtagWriteDetect(true);
1128
  }
1129
- if(( self.selectedFeed.length > 1 && self.selectedFeed.includes('hashtag') ) || ( self.selectedFeed.length == 1 && self.selectedFeed[0] == 'hashtag') ){
1130
  return self.selectedHastags;
1131
  }
1132
  return [];
1133
  },
1134
 
1135
  //Create & Submit New Feed
1136
- submitNewFeed : function(){
1137
  var self = this,
1138
- newFeedData = {
1139
- action : 'sbi_feed_saver_manager_builder_update',
1140
- sources : self.getFeedIdSourcesSaver(),
1141
- tagged : self.getFeedIdSourcesTaggedSaver(),
1142
- hashtag : self.getFeedHashtagsSaver(),
1143
- order : self.hashtagOrderBy,
1144
- new_insert : 'true',
1145
- sourcename : self.getSelectedSourceName(self.getSourceIdSelected()),
1146
- //feedtype : self.selectedFeed,
1147
- type : self.getFeedTypeSaver()
1148
- };
1149
 
1150
  self.fullScreenLoader = true;
1151
- self.ajaxPost(newFeedData, function(_ref){
1152
  var data = _ref.data;
1153
- if(data.feed_id && data.success){
1154
  window.location = self.builderUrl + '&feed_id=' + data.feed_id;
1155
  }
1156
  });
1157
  },
1158
 
1159
  //Select Sources
1160
- selectSource : function(source){
1161
  var self = this;
1162
- if( ( source.account_type != 'personal' && self.selectedFeed[0] == 'tagged') || self.selectedFeed[0] == 'user' ){
1163
- if(self.selectedSources.includes(source.account_id)){
1164
  self.selectedSources.splice(self.selectedSources.indexOf(source.account_id), 1);
1165
- }else{
1166
  self.selectedSources.push(source.account_id);
1167
  }
1168
  }
1169
  },
1170
 
1171
  //Source Ative
1172
- isSourceSelectActive : function(source){
1173
  var self = this;
1174
- if(self.selectedSources.includes(source.account_id)){
1175
  return (source.account_type != 'personal' && self.selectedFeed[0] == 'tagged') || self.selectedFeed[0] == 'user';
1176
  }
1177
  return false;
1178
  },
1179
 
1180
  //Check if source is Disabled
1181
- checkSourceDisabled : function(source){
1182
  var self = this;
1183
  return (source.account_type == 'personal' && self.selectedFeed[0] == 'tagged');
1184
  },
1185
 
1186
 
1187
  //Open Add Source List Popup
1188
- openSourceListPopup : function( feedTypeID ){
1189
  var self = this;
1190
  self.feedTypeOnSourcePopup = feedTypeID;
1191
- if( self.feedTypeOnSourcePopup == 'tagged' ){
1192
  self.selectedSourcesPopup = self.createSourcesArray(self.selectedSourcesTagged);
1193
- }else if( self.feedTypeOnSourcePopup == 'user' ){
1194
  self.selectedSourcesPopup = self.createSourcesArray(self.selectedSourcesUser);
1195
  }
1196
  self.activateView('sourcesListPopup');
1197
- if( self.customizerFeedData ){
1198
  self.activateView('feedtypesCustomizerPopup');
1199
  }
1200
  },
1201
 
1202
  //Check if source is Disabled POPUP
1203
- checkSourceDisabledPopup : function(source){
1204
  var self = this;
1205
  return (source.account_type == 'personal' && self.feedTypeOnSourcePopup == 'tagged');
1206
  },
1207
 
1208
  //Source Active POPUP
1209
- isSourceSelectActivePopup : function(source){
1210
  var self = this;
1211
- if(self.selectedSourcesPopup.includes(source.account_id)){
1212
  return (source.account_type != 'personal' && self.feedTypeOnSourcePopup == 'tagged') || self.feedTypeOnSourcePopup == 'user';
1213
  }
1214
  return false;
1215
  },
1216
 
1217
  //Select Sources POPUP
1218
- selectSourcePopup : function( source ){
1219
  var self = this;
1220
- if( (source.account_type != 'personal' && self.feedTypeOnSourcePopup == 'tagged') || self.feedTypeOnSourcePopup == 'user' ){
1221
- if(self.selectedSourcesPopup.includes(source.account_id)){
1222
  self.selectedSourcesPopup.splice(self.selectedSourcesPopup.indexOf(source.account_id), 1);
1223
- }else{
1224
  self.selectedSourcesPopup.push(source.account_id);
1225
  }
1226
  }
1227
  },
1228
 
1229
  //Return Choosed Feed Type
1230
- returnSelectedSourcesByType : function( feedType ){
1231
  var self = this,
1232
- sourcesListByType = [];
1233
- if( feedType == 'user' ){
1234
- sourcesListByType = self.sourcesList.filter(function(source){
1235
- return ( self.customizerFeedData ) ? self.selectedSourcesUserPopup.includes(source.account_id) : self.selectedSourcesUser.includes(source.account_id);
1236
  });
1237
- }else if( feedType == 'tagged' ){
1238
- sourcesListByType = self.sourcesList.filter(function(source){
1239
- return ( self.customizerFeedData ) ? self.selectedSourcesTaggedPopup.includes(source.account_id) : self.selectedSourcesTagged.includes(source.account_id);
1240
  });
1241
  }
1242
  return sourcesListByType;
1243
  },
1244
 
1245
  //Remove Source From Feed Type
1246
- removeSourceFromFeedType : function( source, feedType ){
1247
  var self = this;
1248
- if( feedType == 'user' ){
1249
- if( self.customizerFeedData ){
1250
- self.selectedSourcesUserPopup.splice( self.selectedSourcesUserPopup.indexOf(source.account_id), 1 )
1251
- }else{
1252
- self.selectedSourcesUser.splice( self.selectedSourcesUser.indexOf(source.account_id), 1 )
1253
  }
1254
- }else if( feedType == 'tagged' ){
1255
- if( self.customizerFeedData ){
1256
- self.selectedSourcesTaggedPopup.splice( self.selectedSourcesTaggedPopup.indexOf(source.account_id), 1 )
1257
- }else{
1258
- self.selectedSourcesTagged.splice( self.selectedSourcesTagged.indexOf(source.account_id), 1 )
1259
  }
1260
  }
1261
  },
@@ -1264,70 +1271,70 @@ sbiBuilder = new Vue({
1264
  Return Selected Sources / Hashtags
1265
  on The Customizer Control
1266
  */
1267
- returnSelectedSourcesByTypeCustomizer : function( feedType ){
1268
  var self = this,
1269
  sourcesListNameByType = [];
1270
- if( feedType == 'user' ){
1271
- sourcesListNameByType = self.sourcesList.filter(function(source){
1272
  return self.customizerFeedData.settings.id.includes(source.account_id);
1273
 
1274
  });
1275
  }
1276
- if( feedType == 'tagged' ){
1277
- sourcesListNameByType = self.sourcesList.filter(function(source){
1278
  return self.customizerFeedData.settings.tagged.includes(source.account_id);
1279
  });
1280
  }
1281
- if( feedType == 'hashtag' ){
1282
- sourcesListNameByType = Array.isArray(self.customizerFeedData.settings.hashtag) ? self.customizerFeedData.settings.hashtag : self.customizerFeedData.settings.hashtag.split(',');
1283
  }
1284
  return sourcesListNameByType;
1285
  },
1286
 
1287
  //Check if source are Array
1288
- createSourcesArray : function( element ){
1289
  var self = this;
1290
- if(Array.isArray(element) && element.length == 1 && !this.checkNotEmpty(element[0]) ){
1291
  return [];
1292
  }
1293
- var arrayResult = Array.isArray(element) ? Array.from(element) : Array.from( element.split(',') );
1294
  return arrayResult.filter(function (el) {
1295
- return el != null && self.checkNotEmpty(el);
1296
  });
1297
  },
1298
 
1299
  // Add Source to Feed Type
1300
- addSourceToFeedType : function(){
1301
  var self = this;
1302
- if( self.feedTypeOnSourcePopup == 'tagged' ){
1303
- if(!self.customizerFeedData){
1304
  self.selectedSourcesTagged = self.createSourcesArray(self.selectedSourcesPopup);
1305
  self.selectedSourcesTaggedPopup = self.createSourcesArray(self.selectedSourcesTagged);
1306
- }else{
1307
  self.selectedSourcesTaggedPopup = self.createSourcesArray(self.selectedSourcesPopup);
1308
  }
1309
- }else if( self.feedTypeOnSourcePopup == 'user' ){
1310
- if(!self.customizerFeedData){
1311
  self.selectedSourcesUser = self.createSourcesArray(self.selectedSourcesPopup);
1312
  self.selectedSourcesUserPopup = self.createSourcesArray(self.selectedSourcesUser);
1313
- }else{
1314
  self.selectedSourcesUserPopup = self.createSourcesArray(self.selectedSourcesPopup);
1315
  }
1316
  }
1317
  self.activateView('sourcesListPopup');
1318
- if( self.customizerFeedData ){
1319
  self.activateView('feedtypesCustomizerPopup');
1320
  }
1321
  },
1322
 
1323
  //Detect Hashtag Writing
1324
- hashtagWriteDetectPopup : function(isProcess = false){
1325
  var self = this,
1326
  target = window.event;
1327
- if(target.keyCode == 188 || isProcess == true){
1328
- self.hashtagInputText = self.hashtagInputText.replace(',','');
1329
- if(self.checkNotEmpty(self.hashtagInputText)){
1330
- if(self.hashtagInputText[0] !== '#'){
1331
  self.hashtagInputText = '#' + self.hashtagInputText;
1332
  }
1333
  self.selectedHastagsPopup = self.createSourcesArray(self.selectedHastagsPopup);
@@ -1338,13 +1345,13 @@ sbiBuilder = new Vue({
1338
  },
1339
 
1340
  //Detect Hashtag Writing
1341
- hashtagWriteDetect : function(isProcess = false){
1342
  var self = this,
1343
  target = window.event;
1344
- if(target.keyCode == 188 || isProcess == true){
1345
- self.hashtagInputText = self.hashtagInputText.replace(',','');
1346
- if(self.checkNotEmpty(self.hashtagInputText)){
1347
- if(self.hashtagInputText[0] !== '#'){
1348
  self.hashtagInputText = '#' + self.hashtagInputText;
1349
  }
1350
  self.selectedHastags = self.createSourcesArray(self.selectedHastags);
@@ -1356,31 +1363,31 @@ sbiBuilder = new Vue({
1356
  },
1357
 
1358
  //Remove Hashtag from List
1359
- removeHashtag : function(hashtag){
1360
  var self = this;
1361
- if( self.customizerFeedData ){
1362
  self.selectedHastagsPopup.splice(self.selectedHastagsPopup.indexOf(hashtag), 1);
1363
- }else{
1364
  self.selectedHastags.splice(self.selectedHastags.indexOf(hashtag), 1);
1365
  }
1366
  },
1367
 
1368
 
1369
 
1370
- processDomList : function(selector, attributes){
1371
- document.querySelectorAll(selector).forEach( function(element) {
1372
- attributes.map( function(attrName) {
1373
  element.setAttribute(attrName[0], attrName[1]);
1374
  });
1375
  });
1376
  },
1377
- openTooltipBig : function(){
1378
  var self = this, elem = window.event.currentTarget;
1379
  self.processDomList('.sbi-fb-onbrd-tltp-elem', [['data-active', 'false']]);
1380
  elem.querySelector('.sbi-fb-onbrd-tltp-elem').setAttribute('data-active', 'true');
1381
  sbiBuilder.$forceUpdate();
1382
  },
1383
- closeTooltipBig : function(){
1384
  var self = this;
1385
  self.processDomList('.sbi-fb-onbrd-tltp-elem', [['data-active', 'false']]);
1386
  window.event.stopPropagation();
@@ -1396,14 +1403,14 @@ sbiBuilder = new Vue({
1396
  *
1397
  * @since 4.0
1398
  */
1399
- bulkActionClick : function(){
1400
  var self = this;
1401
  switch (self.selectedBulkAction) {
1402
  case 'delete':
1403
- if(self.feedsSelected.length > 0){
1404
  self.openDialogBox('deleteMultipleFeeds')
1405
  }
1406
- break;
1407
  }
1408
  sbiBuilder.$forceUpdate();
1409
  },
@@ -1413,13 +1420,13 @@ sbiBuilder = new Vue({
1413
  *
1414
  * @since 4.0
1415
  */
1416
- feedActionDuplicate : function(feed){
1417
  var self = this,
1418
- feedsDuplicateData = {
1419
- action : 'sbi_feed_saver_manager_duplicate_feed',
1420
- feed_id : feed.id
1421
- };
1422
- self.ajaxPost(feedsDuplicateData, function(_ref){
1423
  var data = _ref.data;
1424
  self.feedsList = Object.values(Object.assign({}, data));
1425
  //self.feedsList = data;
@@ -1432,13 +1439,13 @@ sbiBuilder = new Vue({
1432
  *
1433
  * @since 4.0
1434
  */
1435
- feedActionDelete : function(feeds_ids){
1436
  var self = this,
1437
- feedsDeleteData = {
1438
- action : 'sbi_feed_saver_manager_delete_feeds',
1439
- feeds_ids : feeds_ids
1440
- };
1441
- self.ajaxPost(feedsDeleteData, function(_ref){
1442
  var data = _ref.data;
1443
  self.feedsList = Object.values(Object.assign({}, data));
1444
  self.feedsSelected = [];
@@ -1450,7 +1457,7 @@ sbiBuilder = new Vue({
1450
  *
1451
  * @since 4.0
1452
  */
1453
- viewFeedInstances : function(feed){
1454
  var self = this;
1455
  self.viewsActive.instanceFeedActive = feed;
1456
  self.movePopUp();
@@ -1462,14 +1469,14 @@ sbiBuilder = new Vue({
1462
  *
1463
  * @since 4.0
1464
  */
1465
- selectAllFeedCheckBox : function(){
1466
  var self = this;
1467
- if( !self.checkAllFeedsActive() ){
1468
  self.feedsSelected = [];
1469
- self.feedsList.forEach( function(feed) {
1470
  self.feedsSelected.push(feed.id);
1471
  });
1472
- }else{
1473
  self.feedsSelected = [];
1474
  }
1475
 
@@ -1480,10 +1487,10 @@ sbiBuilder = new Vue({
1480
  *
1481
  * @since 4.0
1482
  */
1483
- selectFeedCheckBox : function(feedID){
1484
- if(this.feedsSelected.includes(feedID)){
1485
- this.feedsSelected.splice(this.feedsSelected.indexOf(feedID),1);
1486
- }else{
1487
  this.feedsSelected.push(feedID);
1488
  }
1489
  sbiBuilder.$forceUpdate();
@@ -1494,11 +1501,11 @@ sbiBuilder = new Vue({
1494
  *
1495
  * @since 4.0
1496
  */
1497
- checkAllFeedsActive : function(){
1498
  var self = this,
1499
- result = true;
1500
- self.feedsList.forEach( function(feed) {
1501
- if(!self.feedsSelected.includes(feed.id)){
1502
  result = false;
1503
  }
1504
  });
@@ -1512,7 +1519,7 @@ sbiBuilder = new Vue({
1512
  *
1513
  * @since 4.0
1514
  */
1515
- copyToClipBoard : function(value){
1516
  var self = this;
1517
  const el = document.createElement('textarea');
1518
  el.className = 'sbi-fb-cp-clpboard';
@@ -1521,13 +1528,13 @@ sbiBuilder = new Vue({
1521
  el.select();
1522
  document.execCommand('copy');
1523
  document.body.removeChild(el);
1524
- self.notificationElement = {
1525
- type : 'success',
1526
- text : this.genericText.copiedClipboard,
1527
- shown : "shown"
1528
  };
1529
- setTimeout(function(){
1530
- self.notificationElement.shown = "hidden";
1531
  }, 3000);
1532
  sbiBuilder.$forceUpdate();
1533
  },
@@ -1540,19 +1547,19 @@ sbiBuilder = new Vue({
1540
  *
1541
  * @since 4.0
1542
  */
1543
- isSectionHighLighted : function(sectionName){
1544
  var self = this;
1545
- return (self.highLightedSection === sectionName || self.highLightedSection === 'all')
1546
- },
1547
 
1548
- /**
1549
  * Enable Highlight Section
1550
  *
1551
  * @since 4.0
1552
  */
1553
- enableHighLightSection : function(sectionId){
1554
  var self = this,
1555
- listPostSection = ['customize_feedlayout', 'customize_colorschemes', 'customize_posts','post_style','individual_elements'],
1556
  headerSection = ['customize_header'],
1557
  followButtonSection = ['customize_followbutton'],
1558
  loadeMoreSection = ['customize_loadmorebutton'],
@@ -1562,75 +1569,75 @@ sbiBuilder = new Vue({
1562
  //self.dummyLightBoxData.visibility = 'hidden';
1563
  domBody.classList.remove("no-overflow");
1564
 
1565
- if( listPostSection.includes(sectionId) ){
1566
  self.highLightedSection = 'postList';
1567
  self.scrollToHighLightedSection("sbi_images");
1568
- }else if( headerSection.includes(sectionId) ){
1569
  self.highLightedSection = 'header';
1570
  self.scrollToHighLightedSection("sb_instagram_header");
1571
- }else if( followButtonSection.includes(sectionId) ){
1572
  self.highLightedSection = 'followButton';
1573
  self.scrollToHighLightedSection("sbi_load");
1574
- }else if( loadeMoreSection.includes(sectionId) ){
1575
  self.highLightedSection = 'loadMore';
1576
  self.scrollToHighLightedSection("sbi_load");
1577
- }else{
1578
  self.highLightedSection = 'all';
1579
  domBody.classList.remove("no-overflow");
1580
  }
1581
- },
1582
 
1583
 
1584
- /**
1585
  * Scroll to Highlighted Section
1586
  *
1587
  * @since 4.0
1588
  */
1589
- scrollToHighLightedSection : function(sectionId){
1590
  const element = document.getElementById(sectionId) !== undefined && document.getElementById(sectionId) !== null ?
1591
- document.getElementById(sectionId) :
1592
- ( document.getElementsByClassName(sectionId)[0] !== undefined && document.getElementsByClassName(sectionId)[0] !== null ? document.getElementsByClassName(sectionId)[0] : null );
1593
 
1594
 
1595
- if(element != undefined && element != null){
1596
  const y = element.getBoundingClientRect().top - 120 + window.pageYOffset - 10;
1597
- window.scrollTo({top: y, behavior: 'smooth'});
1598
  }
1599
- },
1600
 
1601
- /**
1602
  * Enable & Show Color Picker
1603
  *
1604
  * @since 4.0
1605
  */
1606
- showColorPickerPospup : function(controlId){
1607
  this.customizerScreens.activeColorPicker = controlId;
1608
- },
1609
 
1610
- /**
1611
  * Hide Color Picker
1612
  *
1613
  * @since 4.0
1614
  */
1615
- hideColorPickerPospup : function(){
1616
  this.customizerScreens.activeColorPicker = null;
1617
- },
1618
 
1619
- switchCustomizerPreviewDevice : function(previewScreen){
1620
  var self = this;
1621
  self.customizerScreens.previewScreen = previewScreen;
1622
  self.loadingBar = true;
1623
- window.sbi_preview_device = previewScreen;
1624
- setTimeout(function(){
1625
  self.setShortcodeGlobalSettings(true);
1626
  self.loadingBar = false;
1627
- },200);
1628
- setTimeout(function(){
1629
  window.sbi_init();
1630
  }, 300)
1631
  sbiBuilder.$forceUpdate();
1632
  },
1633
- switchCustomizerTab : function(tabId){
1634
  var self = this,
1635
  domBody = document.getElementsByTagName("body")[0];
1636
  self.customizerScreens.activeTab = tabId;
@@ -1641,72 +1648,72 @@ sbiBuilder = new Vue({
1641
  //self.dummyLightBoxData.visibility = 'hidden';
1642
  domBody.classList.remove("no-overflow");
1643
 
1644
- if( self.moderationShoppableModeAjaxDone && self.getModerationShoppableMode == false){
1645
  self.customizerControlAjaxAction('feedFlyPreview');
1646
  }
1647
 
1648
  sbiBuilder.$forceUpdate();
1649
  },
1650
- switchCustomizerSection : function(sectionId, section, isNested = false, isBackElements){
1651
  var self = this;
1652
  self.customizerScreens.parentActiveSection = null;
1653
  self.customizerScreens.parentActiveSectionData = null;
1654
- if(isNested){
1655
  self.customizerScreens.parentActiveSection = self.customizerScreens.activeSection;
1656
  self.customizerScreens.parentActiveSectionData = self.customizerScreens.activeSectionData;
1657
  }
1658
  self.customizerScreens.activeSection = sectionId;
1659
  self.customizerScreens.activeSectionData = section;
1660
  self.enableHighLightSection(sectionId);
1661
- if( sectionId === 'settings_filters_moderation'){
1662
  self.viewsActive['moderationMode'] = false;
1663
  }
1664
 
1665
 
1666
  sbiBuilder.$forceUpdate();
1667
  },
1668
- switchNestedSection : function(sectionId, section){
1669
  var self = this;
1670
- if(section !== null){
1671
  self.customizerScreens.activeSection = sectionId;
1672
  self.customizerScreens.activeSectionData = section;
1673
- }else{
1674
  var sectionArray = sectionId['sections'];
1675
  var elementSectionData = self.customizerSidebarBuilder;
1676
 
1677
- sectionArray.map(function(elm, index){
1678
  elementSectionData = (elementSectionData[elm] != undefined && elementSectionData[elm] != null) ? elementSectionData[elm] : null;
1679
  });
1680
- if(elementSectionData != null){
1681
  self.customizerScreens.activeSection = sectionId['id'];
1682
  self.customizerScreens.activeSectionData = elementSectionData;
1683
  }
1684
  }
1685
  sbiBuilder.$forceUpdate();
1686
  },
1687
- backToPostElements : function(){
1688
  var self = this,
1689
  individual_elements = self.customizerSidebarBuilder['customize'].sections.customize_posts.nested_sections.individual_elements;
1690
- self.customizerScreens.activeSection = 'customize_posts';
1691
- self.customizerScreens.activeSectionData= self.customizerSidebarBuilder['customize'].sections.customize_posts;
1692
- self.switchCustomizerSection('individual_elements', individual_elements, true, true);
1693
- sbiBuilder.$forceUpdate();
1694
  },
1695
 
1696
- changeSettingValue : function(settingID, value, doProcess = true, ajaxAction = false) {
1697
  var self = this;
1698
- if(settingID == 'layout' && value !== 'grid'){
1699
  self.viewsActive.extensionsPopupElement = 'feedLayout';
1700
- }else if(settingID == 'headerstyle' && value !== 'standard'){
1701
  self.viewsActive.extensionsPopupElement = 'headerLayout';
1702
- }else if(settingID == 'sortby' && value == 'likes'){
1703
- window.open( 'https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=load-more' , '_blank' );
1704
  }
1705
- else{
1706
- if(doProcess){
1707
  self.customizerFeedData.settings[settingID] = value;
1708
  }
1709
- if(ajaxAction !== false){
1710
  self.customizerControlAjaxAction(ajaxAction, settingID);
1711
  }
1712
  self.regenerateLayout(settingID);
@@ -1715,9 +1722,9 @@ sbiBuilder = new Vue({
1715
  },
1716
 
1717
  //Shortcode Global Layout Settings
1718
- regenerateLayout : function(settingID) {
1719
  var self = this,
1720
- regenerateFeedHTML = [
1721
  'layout'
1722
  ],
1723
  relayoutFeed = [
@@ -1738,8 +1745,8 @@ sbiBuilder = new Vue({
1738
  'highlighthashtag',
1739
  'imagepadding'
1740
  ];
1741
- if( relayoutFeed.includes( settingID ) ){
1742
- setTimeout(function(){
1743
  self.setShortcodeGlobalSettings(true);
1744
  }, 200)
1745
  }
@@ -1748,96 +1755,96 @@ sbiBuilder = new Vue({
1748
 
1749
 
1750
  //Get Number of Columns depending on the Preview Screen
1751
- getColsPreviewScreen : function(){
1752
  var self = this;
1753
- if( self.getModerationShoppableMode ){
1754
  return 4;
1755
  }
1756
  switch (self.customizerScreens.previewScreen) {
1757
  case 'mobile':
1758
- return self.customizerFeedData.settings.colsmobile
1759
  break;
1760
  case 'tablet':
1761
- return self.customizerFeedData.settings.colstablet
1762
  break;
1763
  default:
1764
- return self.customizerFeedData.settings.cols
1765
  break;
1766
  }
1767
  },
1768
 
1769
  //Get Post Number depending on the Preview Screen
1770
- getPostNumberPreviewScreen : function(){
1771
  var self = this;
1772
  switch (self.customizerScreens.previewScreen) {
1773
  case 'mobile':
1774
- return self.customizerFeedData.settings.nummobile
1775
  break;
1776
  case 'tablet':
1777
- return self.customizerFeedData.settings.nummobile
1778
  break;
1779
  default:
1780
- return self.customizerFeedData.settings.num
1781
  break;
1782
  }
1783
  },
1784
 
1785
  //Get Customizer Additional CSS Classes
1786
- getAdditionalCustomizerClasses : function(){
1787
  var self = this,
1788
  additionalCssClasses = '';
1789
- if( self.getModerationShoppableMode ){
1790
  additionalCssClasses += ' sbi-customizer-ms-modes ';
1791
  }
1792
  return additionalCssClasses;
1793
  },
1794
 
1795
  //Shortcode Global Layout Settings
1796
- setShortcodeGlobalSettings : function(flyPreview = false){
1797
  var self = this,
1798
  instagramFeed = jQuery("html").find("#sb_instagram"),
1799
  feedSettings = self.jsonParse(instagramFeed.attr('data-options')),
1800
  customizerSettings = self.customizerFeedData.settings;
1801
- if(JSON.stringify(self.feedSettingsDomOptions) !== JSON.stringify(feedSettings) || flyPreview == true){
1802
- if(customizerSettings.layout == 'grid' || self.getModerationShoppableMode){
1803
  feedSettings = self.gridShortcodeSettings(feedSettings, instagramFeed);
1804
  }
1805
- else if(customizerSettings.layout == 'carousel'){
1806
  feedSettings = self.carouselShortcodeSettings(feedSettings, instagramFeed, customizerSettings);
1807
  }
1808
- else if(customizerSettings.layout == 'masonry'){
1809
  feedSettings = self.masonryShortcodeSettings(feedSettings, instagramFeed, customizerSettings);
1810
  }
1811
- else if(customizerSettings.layout == 'highlight'){
1812
  feedSettings = self.highlightShortcodeSettings(feedSettings, instagramFeed, customizerSettings);
1813
  }
1814
 
1815
- if( flyPreview === true ){
1816
- if(customizerSettings['id'][0] !== undefined){
1817
- var headerSourceId = customizerSettings['id'][0];
1818
- newHeaderData = null;
1819
- var newHeaderDataMap = self.sourcesList.map( function(source) {
1820
- if(source.account_id === headerSourceId){
1821
- newHeaderData = source != undefined ? source : null;
1822
- }
1823
- });
1824
- if(newHeaderData !== null && newHeaderData.header_data !== null){
1825
- self.customizerFeedData.header = newHeaderData;
1826
- self.customizerFeedData.headerData = newHeaderData.header_data;
1827
  }
 
 
 
 
1828
  }
1829
  }
1830
- instagramFeed.attr("data-options", JSON.stringify(feedSettings));
1831
- //setTimeout(function(){
1832
- window.sbi_init()
1833
- //},200)
1834
- self.feedSettingsDomOptions = feedSettings;
1835
  }
1836
- jQuery('body').find('#sbi_load .sbi_load_btn').unbind('click')
 
 
 
 
 
 
1837
  },
1838
 
1839
  //Grid Shortcode Settings
1840
- gridShortcodeSettings : function( feedSettings, instagramFeed ){
1841
  var self = this;
1842
  feedSettings['grid'] = true;
1843
  self.destroyHighlightLayout(instagramFeed);
@@ -1850,7 +1857,7 @@ sbiBuilder = new Vue({
1850
  },
1851
 
1852
  //Masonry Shortcode Settings
1853
- masonryShortcodeSettings : function( feedSettings, instagramFeed ){
1854
  var self = this;
1855
  feedSettings['masonry'] = true;
1856
  self.destroyHighlightLayout(instagramFeed);
@@ -1863,14 +1870,14 @@ sbiBuilder = new Vue({
1863
  },
1864
 
1865
  //Carousel Shortcode Settings
1866
- carouselShortcodeSettings : function( feedSettings, instagramFeed, customizerSettings ){
1867
- var self = this,
1868
- arrows = self.valueIsEnabled( customizerSettings['carouselarrows'] ),
1869
- pag = self.valueIsEnabled( customizerSettings['carouselpag'] ),
1870
- autoplay = self.valueIsEnabled( customizerSettings['carouselautoplay'] ),
1871
- time = autoplay ? parseInt(customizerSettings['carouseltime']) : false,
1872
- loop = self.checkNotEmpty(customizerSettings['carouselloop']) && customizerSettings['carouselloop'] !== 'rewind' ? false : true,
1873
- rows = customizerSettings['carouselrows'] ? Math.min( parseInt(customizerSettings['carouselrows']), 2) : 1;
1874
 
1875
  feedSettings['carousel'] = [arrows, pag, autoplay, time, loop, rows];
1876
  self.destoryOwl(instagramFeed);
@@ -1883,13 +1890,13 @@ sbiBuilder = new Vue({
1883
  },
1884
 
1885
  //Highlight Shortcode Settings
1886
- highlightShortcodeSettings : function( feedSettings, instagramFeed, customizerSettings ){
1887
- var self = this,
1888
- type = customizerSettings['highlighttype'].trim();
1889
- pattern = customizerSettings['highlightpattern'].trim();
1890
- offset = parseInt( customizerSettings['highlightoffset'] ),
1891
- hashtag = customizerSettings['highlighthashtag'].replace(',', '|').replace('#', '').replace(' ', '').trim(),
1892
- ids = customizerSettings['highlightids'].replace(',', '|').replace('sbi_', '').replace(' ', '').trim();
1893
  feedSettings['highlight'] = [type, pattern, offset, hashtag, ids];
1894
 
1895
  self.destroyHighlightLayout(instagramFeed);
@@ -1904,10 +1911,10 @@ sbiBuilder = new Vue({
1904
 
1905
 
1906
  //destroy Owl
1907
- destoryOwl : function( instagramFeed ){
1908
  var self = this;
1909
  var owlCarouselCtn = instagramFeed.find('.sbi_carousel');
1910
- if( instagramFeed.find('#sbi_images').hasClass('sbi_carousel') ){
1911
  //self.customizerControlAjaxAction("feedFlyPreview");
1912
  /*
1913
  if( instagramFeed.hasClass('sbi_carousel_2_row') ){
@@ -1932,7 +1939,7 @@ sbiBuilder = new Vue({
1932
  owlCarouselCtn.find('.sbi-owl-item,.sbi-owl-stage,.sbi-owl-stage-outer,.sbi-owl-nav,.sbi-owl-nav').remove();
1933
  owlCarouselCtn.removeClass('sbi_carousel');
1934
  instagramFeed.removeClass('sbi_carousel_2_row');
1935
- jQuery("#sb_instagram").removeClass('2rows');
1936
  owlCarouselCtn.sbiOwlCarousel('destroy');
1937
  */
1938
 
@@ -1940,12 +1947,12 @@ sbiBuilder = new Vue({
1940
  },
1941
 
1942
  //Destroy Masonry Layout
1943
- destroyMasonryLayout : function( instagramFeed ){
1944
  var self = this;
1945
- if( instagramFeed.hasClass('sbi_masonry') ){
1946
- instagramFeed.find('#sbi_images').css({'height' : 'unset'});
1947
- instagramFeed.find('.sbi_item').each(function(){
1948
- jQuery(this).attr({'style' : ''});
1949
  });
1950
  jQuery("#sbi_images").smashotope('destroy');
1951
  instagramFeed.removeClass('sbi_masonry')
@@ -1954,12 +1961,12 @@ sbiBuilder = new Vue({
1954
 
1955
 
1956
  //Destroy Highlight Layout
1957
- destroyHighlightLayout : function( instagramFeed ){
1958
  var self = this;
1959
- if( instagramFeed.hasClass('sbi_highlight') ){
1960
- instagramFeed.find('#sbi_images').css({'height' : 'unset'});
1961
- instagramFeed.find('.sbi_item').each(function(){
1962
- jQuery(this).attr({'style' : ''});
1963
  });
1964
  jQuery("#sbi_images").smashotope('destroy');
1965
  instagramFeed.removeClass('sbi_highlight')
@@ -1967,36 +1974,36 @@ sbiBuilder = new Vue({
1967
  },
1968
 
1969
  //Tablet Cols Classes
1970
- getTabletColsClass : function(){
1971
  var self = this,
1972
  customizerSettings = self.customizerFeedData.settings;
1973
 
1974
- return ' sbi_tab_col_' + parseInt( customizerSettings.colstablet );
1975
  },
1976
 
1977
  //Mobile Cols Classes
1978
- getMobileColsClass : function(){
1979
  var self = this,
1980
  customizerSettings = self.customizerFeedData.settings,
1981
- disableMobile = self.valueIsEnabled( customizerSettings.disablemobile );
1982
 
1983
- if(disableMobile === 'false') disableMobile = '';
1984
 
1985
- if ( disableMobile !== ' sbi_disable_mobile' && customizerSettings.colsmobile !== 'same' ) {
1986
- var colsmobile = parseInt( customizerSettings.colsmobile ) > 0 ? parseInt( customizerSettings.colsmobile ) : 'auto';
1987
  return ' sbi_mob_col_' + colsmobile;
1988
- }else{
1989
- var colsmobile = parseInt( customizerSettings.cols ) > 0 ? parseInt( customizerSettings.cols ) : 4;
1990
- return ' sbi_disable_mobile sbi_mob_col_' + parseInt( customizerSettings.cols );
1991
 
1992
  }
1993
  },
1994
 
1995
  //Header Classes
1996
- getHeaderClass : function( headerType ){
1997
- //return ' header';
1998
 
1999
- var self = this,
2000
  customizerSettings = self.customizerFeedData.settings,
2001
  headerClasses = 'sb_instagram_header ';
2002
 
@@ -2006,136 +2013,136 @@ sbiBuilder = new Vue({
2006
  headerClasses += ['medium', 'large'].includes(customizerSettings['headersize']) ? ' sbi_' + customizerSettings['headersize'] : '';
2007
  headerClasses += self.getHeaderAvatar() === false ? ' sbi_no_avatar' : '';
2008
  headerClasses += self.getPaletteClass('_header');
2009
- if ( customizerSettings.headeroutside ) {
2010
- headerClasses += ' sbi_header_outside';
2011
- }
2012
  return headerClasses;
2013
  },
2014
 
2015
  //Header Name
2016
- getHeaderName : function(){
2017
  var self = this,
2018
- headerData = self.customizerFeedData.headerData;
2019
- if( self.hasOwnNestedProperty(headerData, 'name') && self.checkNotEmpty( headerData['name'] ) ){
2020
  return headerData['name'];
2021
- }else if( self.hasOwnNestedProperty(headerData, 'data.full_name') ){
2022
  return headerData['data']['full_name'];
2023
  }
2024
  return self.getHeaderUserName();
2025
  },
2026
 
2027
  //Header User Name
2028
- getHeaderUserName : function(){
2029
  var self = this,
2030
- headerData = self.customizerFeedData.headerData;
2031
- if( self.hasOwnNestedProperty(headerData, 'username') && self.checkNotEmpty( headerData['username'] ) ){
2032
  return headerData['username'];
2033
- }else if( self.hasOwnNestedProperty(headerData, 'user.username') ){
2034
  return headerData['user']['username'];
2035
- }else if( self.hasOwnNestedProperty(headerData, 'data.username') ){
2036
  return headerData['data']['username'];
2037
  }
2038
  return '';
2039
  },
2040
 
2041
  //Header Media Count
2042
- getHeaderMediaCount : function(){
2043
  var self = this,
2044
- headerData = self.customizerFeedData.headerData;
2045
- if( self.hasOwnNestedProperty(headerData, 'data.counts.media') ){
2046
  return headerData['data']['counts']['media'];
2047
- }else if( self.hasOwnNestedProperty(headerData, 'counts.media') ){
2048
  return headerData['counts']['media'];
2049
- }else if( self.hasOwnNestedProperty(headerData, 'media_count') ){
2050
  return headerData['media_count'];
2051
  }
2052
  return '';
2053
  },
2054
 
2055
  //Header Followers Count
2056
- getHeaderFollowersCount : function(){
2057
  var self = this,
2058
- headerData = self.customizerFeedData.headerData;
2059
- if( self.hasOwnNestedProperty(headerData, 'data.counts.followed_by') ){
2060
  return headerData['data']['counts']['followed_by'];
2061
- }else if( self.hasOwnNestedProperty(headerData, 'counts.followed_by') ){
2062
  return headerData['counts']['followed_by'];
2063
- }else if( self.hasOwnNestedProperty(headerData, 'followers_count') ){
2064
  return headerData['followers_count'];
2065
  }
2066
  return '';
2067
  },
2068
 
2069
  //Header Avatar
2070
- getHeaderAvatar : function(){
2071
  var self = this,
2072
- customizerSettings = self.customizerFeedData.settings,
2073
- headerData = self.customizerFeedData.headerData,
2074
- header = self.customizerFeedData.header;
2075
- if( self.checkNotEmpty( customizerSettings['customavatar'] ) ){
2076
  return customizerSettings['customavatar'];
2077
- }else if( header['local_avatar_url'] != false && self.checkNotEmpty( header['local_avatar_url'] ) ){
2078
  return header['local_avatar_url'];
2079
- }else{
2080
- if( self.hasOwnNestedProperty(headerData, 'profile_picture') ){
2081
  return headerData['profile_picture'];
2082
- }else if( self.hasOwnNestedProperty(headerData, 'profile_picture_url') ){
2083
  return headerData['profile_picture_url'];
2084
- }else if( self.hasOwnNestedProperty(headerData, 'user.profile_picture') ){
2085
  return headerData['user']['profile_picture'];
2086
- }else if( self.hasOwnNestedProperty(headerData, 'data.profile_picture') ){
2087
  return headerData['data']['profile_picture'];
2088
  }
2089
  }
2090
- return false;
2091
  },
2092
 
2093
  //Header Bio
2094
- getHeaderBio : function(){
2095
  var self = this,
2096
- customizerSettings = self.customizerFeedData.settings,
2097
- headerData = self.customizerFeedData.headerData;
2098
 
2099
- if( self.checkNotEmpty( customizerSettings['custombio'] ) ){
2100
  return customizerSettings['custombio'];
2101
- }else if( self.hasOwnNestedProperty(headerData, 'data.bio') ){
2102
- return headerData['data']['bio'];
2103
- }else if( self.hasOwnNestedProperty(headerData, 'bio') ){
2104
- return headerData['bio'];
2105
- }else if( self.hasOwnNestedProperty(headerData, 'biography') ){
2106
- return headerData['biography'];
2107
  }
2108
  return '';
2109
  },
2110
 
2111
 
2112
  //Header Text Class
2113
- getTextHeaderClass : function(){
2114
  var self = this,
2115
- customizerSettings = self.customizerFeedData.settings,
2116
- headerData = self.customizerFeedData.headerData,
2117
- headerClass = 'sbi_header_text ',
2118
- shouldShowBio = self.checkNotEmpty( self.getHeaderBio() ) ? self.valueIsEnabled( customizerSettings['showbio'] ) : false,
2119
- shouldShowInfo = shouldShowBio || self.valueIsEnabled( customizerSettings['showfollowers'] );
2120
- headerClass += !shouldShowBio ? 'sbi_no_bio ' : '',
2121
- headerClass += !shouldShowInfo ? 'sbi_no_info' : '';
2122
 
2123
  return headerClass;
2124
  },
2125
 
2126
  //Get Story Delays
2127
- getStoryDelays : function(){
2128
  var self = this,
2129
- customizerSettings = self.customizerFeedData.settings;
2130
- return self.checkNotEmpty( customizerSettings['storiestime'] ) ? Math.max( 500, parseInt( customizerSettings['storiestime']) ) : 5000;
2131
  },
2132
 
2133
  //Get Story Data
2134
- getStoryData : function(){
2135
  var self = this,
2136
- customizerSettings = self.customizerFeedData.settings,
2137
- headerData = self.customizerFeedData.headerData;
2138
- if( self.hasOwnNestedProperty(headerData, 'stories') && headerData.stories.length > 0 && self.valueIsEnabled( customizerSettings['stories'] ) ){
2139
  return headerData['stories'];
2140
  }
2141
  return false;
@@ -2143,35 +2150,35 @@ sbiBuilder = new Vue({
2143
 
2144
 
2145
  //Image Chooser
2146
- imageChooser : function( settingID ){
2147
- var self = this;
2148
- var uploader = wp.media({
2149
- frame : 'post',
2150
- title : 'Media Uploader',
2151
- button:{text : 'Choose Media'},
2152
- library: {type: 'image'},
2153
- multiple: false
2154
- }).on('close',function() {
2155
- var selection = uploader.state().get('selection');
2156
- if(selection.length != 0){
2157
- attachment = selection.first().toJSON();
2158
- self.customizerFeedData.settings[settingID] = attachment.url;
2159
- }
2160
- }).open();
2161
  },
2162
 
2163
  //Change Switcher Settings
2164
- changeSwitcherSettingValue : function(settingID, onValue, offValue, ajaxAction = false) {
2165
  var self = this;
2166
  self.customizerFeedData.settings[settingID] = self.customizerFeedData.settings[settingID] == onValue ? offValue : onValue;
2167
- if(ajaxAction !== false){
2168
  self.customizerControlAjaxAction(ajaxAction);
2169
  }
2170
 
2171
- if(settingID == 'disablelightbox' || settingID == 'shoppablefeed'){
2172
- if( self.valueIsEnabled( self.customizerFeedData.settings['disablelightbox'] ) || self.valueIsEnabled( self.customizerFeedData.settings['shoppablefeed'] ) ){
2173
  jQuery('body').find('.sbi_link').addClass('sbi_disable_lightbox');
2174
- }else{
2175
  jQuery('body').find('.sbi_link').removeClass('sbi_disable_lightbox');
2176
  }
2177
  }
@@ -2180,15 +2187,15 @@ sbiBuilder = new Vue({
2180
  },
2181
 
2182
  //Checkbox List
2183
- changeCheckboxListValue : function(settingID, value, ajaxAction = false){
2184
  var self = this,
2185
- settingValue = self.customizerFeedData.settings[settingID].split(',');
2186
- if(!Array.isArray(settingValue)){
2187
  settingValue = [settingValue];
2188
  }
2189
- if(settingValue.includes(value)){
2190
- settingValue.splice(settingValue.indexOf(value),1);
2191
- }else{
2192
  settingValue.push(value);
2193
  }
2194
  self.customizerFeedData.settings[settingID] = settingValue.join(',');
@@ -2196,29 +2203,29 @@ sbiBuilder = new Vue({
2196
 
2197
 
2198
  //Section Checkbox
2199
- changeCheckboxSectionValue : function(settingID, value, ajaxAction = false){
2200
  var self = this;
2201
  var settingValue = self.customizerFeedData.settings[settingID];
2202
- if(!Array.isArray(settingValue) && settingID == 'type'){
2203
  settingValue = [settingValue];
2204
  }
2205
- if(settingValue.includes(value)){
2206
- settingValue.splice(settingValue.indexOf(value),1);
2207
- }else{
2208
  settingValue.push(value);
2209
  }
2210
- if(settingID == 'type'){
2211
- self.processFeedTypesSources( settingValue );
2212
  }
2213
  //settingValue = (settingValue.length == 1 && settingID == 'type') ? settingValue[0] : settingValue;
2214
  self.customizerFeedData.settings[settingID] = settingValue;
2215
- if(ajaxAction !== false){
2216
  self.customizerControlAjaxAction(ajaxAction);
2217
  }
2218
  event.stopPropagation()
2219
 
2220
  },
2221
- checkboxSectionValueExists : function(settingID, value){
2222
  var self = this;
2223
  var settingValue = self.customizerFeedData.settings[settingID];
2224
  return settingValue.includes(value) ? true : false;
@@ -2229,17 +2236,17 @@ sbiBuilder = new Vue({
2229
  *
2230
  * @since 4.0
2231
  */
2232
- checkControlCondition : function(conditionsArray = [], checkExtensionActive = false, checkExtensionActiveDimmed = false){
2233
  var self = this,
2234
- isConditionTrue = 0;
2235
- Object.keys(conditionsArray).map(function(condition, index){
2236
- if(conditionsArray[condition].indexOf(self.customizerFeedData.settings[condition]) !== -1)
2237
  isConditionTrue += 1
2238
  });
2239
  var extensionCondition = checkExtensionActive != undefined && checkExtensionActive != false ? self.checkExtensionActive(checkExtensionActive) : true,
2240
  extensionCondition = checkExtensionActiveDimmed != undefined && checkExtensionActiveDimmed != false && !self.checkExtensionActive(checkExtensionActiveDimmed) ? false : extensionCondition;
2241
 
2242
- return (isConditionTrue == Object.keys(conditionsArray).length) ? ( extensionCondition ) : false;
2243
  },
2244
 
2245
  /**
@@ -2247,11 +2254,11 @@ sbiBuilder = new Vue({
2247
  *
2248
  * @since 4.0
2249
  */
2250
- checkControlOverrideColor : function(overrideConditionsArray = []){
2251
  var self = this,
2252
- isConditionTrue = 0;
2253
- overrideConditionsArray.map(function(condition, index){
2254
- if(self.checkNotEmpty(self.customizerFeedData.settings[condition]) && self.customizerFeedData.settings[condition].replace(/ /gi,'') != '#'){
2255
  isConditionTrue += 1
2256
  }
2257
  });
@@ -2263,107 +2270,107 @@ sbiBuilder = new Vue({
2263
  *
2264
  * @since 4.0
2265
  */
2266
- isControlShown : function( control ){
2267
  var self = this;
2268
- if( control.checkViewDisabled != undefined ){
2269
  return !self.viewsActive[control.checkViewDisabled];
2270
  }
2271
- if( control.checkView != undefined ){
2272
  return !self.viewsActive[control.checkView];
2273
  }
2274
 
2275
- if(control.checkExtension != undefined && control.checkExtension != false && !self.checkExtensionActive(control.checkExtension)){
2276
  return self.checkExtensionActive(control.checkExtension);
2277
  }
2278
 
2279
- if(control.conditionDimmed != undefined && self.checkControlCondition(control.conditionDimmed) )
2280
  return self.checkControlCondition(control.conditionDimmed);
2281
- if(control.overrideColorCondition != undefined){
2282
- return self.checkControlOverrideColor( control.overrideColorCondition );
2283
  }
2284
 
2285
- return ( control.conditionHide != undefined && control.condition != undefined || control.checkExtension != undefined )
2286
  ? self.checkControlCondition(control.condition, control.checkExtension)
2287
  : true;
2288
  },
2289
 
2290
- checkExtensionActive : function(extension){
2291
  var self = this;
2292
  return self.activeExtensions[extension];
2293
  },
2294
 
2295
- expandSourceInfo : function(sourceId){
2296
  var self = this;
2297
  self.customizerScreens.sourceExpanded = (self.customizerScreens.sourceExpanded === sourceId) ? null : sourceId;
2298
  window.event.stopPropagation()
2299
  },
2300
 
2301
- resetColor: function(controlId){
2302
  this.customizerFeedData.settings[controlId] = '';
2303
  },
2304
 
2305
  //Source Active Customizer
2306
- isSourceActiveCustomizer : function(source){
2307
  var self = this;
2308
  return (
2309
- Array.isArray(self.customizerFeedData.settings.sources.map) ||
2310
- self.customizerFeedData.settings.sources instanceof Object
2311
- ) &&
2312
  self.customizerScreens.sourcesChoosed.map(s => s.account_id).includes(source.account_id);
2313
- //self.customizerFeedData.settings.sources.map(s => s.account_id).includes(source.account_id);
2314
  },
2315
  //Choose Source From Customizer
2316
- selectSourceCustomizer : function(source, isRemove = false){
2317
  var self = this,
2318
- isMultifeed = (self.activeExtensions['multifeed'] !== undefined && self.activeExtensions['multifeed'] == true),
2319
- sourcesListMap = Array.isArray(self.customizerFeedData.settings.sources) || self.customizerFeedData.settings.sources instanceof Object ? self.customizerFeedData.settings.sources.map(s => s.account_id) : [];
2320
- if(isMultifeed){
2321
- if(self.customizerScreens.sourcesChoosed.map(s => s.account_id).includes(source.account_id)){
2322
  var indexToRemove = self.customizerScreens.sourcesChoosed.findIndex(src => src.account_id === source.account_id);
2323
  self.customizerScreens.sourcesChoosed.splice(indexToRemove, 1);
2324
- if(isRemove){
2325
  self.customizerFeedData.settings.sources.splice(indexToRemove, 1);
2326
  }
2327
- }else{
2328
  self.customizerScreens.sourcesChoosed.push(source);
2329
  }
2330
- }else{
2331
  self.customizerScreens.sourcesChoosed = (sourcesListMap.includes(source)) ? [] : [source];
2332
  }
2333
  sbiBuilder.$forceUpdate();
2334
  },
2335
- closeSourceCustomizer : function(){
2336
  var self = this;
2337
  self.viewsActive['sourcePopup'] = false;
2338
  //self.customizerFeedData.settings.sources = self.customizerScreens.sourcesChoosed;
2339
  sbiBuilder.$forceUpdate();
2340
  },
2341
- customizerFeedTypePrint : function(){
2342
  var self = this,
2343
- combinedTypes = self.feedTypes.concat(self.advancedFeedTypes);
2344
- result = combinedTypes.filter(function(tp){
2345
  return tp.type === self.customizerFeedData.settings.feedtype
2346
  });
2347
  self.customizerScreens.printedType = result.length > 0 ? result[0] : [];
2348
  return result.length > 0 ? true : false;
2349
  },
2350
- choosedFeedTypeCustomizer : function(feedType){
2351
  var self = this, result = false;
2352
- if(
2353
  (self.viewsActive.feedTypeElement === null && self.customizerFeedData.settings.feedtype === feedType) ||
2354
  (self.viewsActive.feedTypeElement !== null && self.viewsActive.feedTypeElement == feedType)
2355
- ){
2356
  result = true;
2357
  }
2358
  return result;
2359
  },
2360
- updateFeedTypeCustomizer : function(){
2361
  var self = this;
2362
  if (self.viewsActive.feedTypeElement === 'socialwall') {
2363
  window.location.href = sbi_builder.pluginsInfo.social_wall.settingsPage;
2364
  return;
2365
  }
2366
- self.setType( self.viewsActive.feedTypeElement );
2367
 
2368
  self.customizerFeedData.settings.feedtype = self.viewsActive.feedTypeElement;
2369
  self.viewsActive.feedTypeElement = null;
@@ -2371,74 +2378,82 @@ sbiBuilder = new Vue({
2371
  self.customizerControlAjaxAction('feedFlyPreview');
2372
  sbiBuilder.$forceUpdate();
2373
  },
2374
- updateInputWidth : function(){
2375
  this.customizerScreens.inputNameWidth = ((document.getElementById("sbi-csz-hd-input").value.length + 6) * 8) + 'px';
2376
  },
2377
 
2378
- feedPreviewMaker : function(){
2379
  var self = this;
2380
  return self.template;
2381
  //return self.template == null ? null : "<div>" + self.template + "</div>";
2382
  },
2383
 
2384
- customizerStyleMaker : function(){
2385
  var self = this;
2386
- if(self.customizerSidebarBuilder){
2387
  self.feedStyle = '';
2388
- Object.values(self.customizerSidebarBuilder).map( function(tab) {
2389
- self.customizerSectionStyle(tab.sections);
2390
  });
2391
  return '<style type="text/css">' + self.feedStyle + '</style>';
2392
  }
2393
  return false;
2394
  },
2395
 
 
 
 
 
 
 
 
 
2396
  /**
2397
  * Get Feed Preview Global CSS Class
2398
  *
2399
  * @since 4.0
2400
  * @return String
2401
  */
2402
- getPaletteClass : function(context = ''){
2403
  var self = this,
2404
  colorPalette = self.customizerFeedData.settings.colorpalette;
2405
 
2406
- if(self.checkNotEmpty( colorPalette )){
2407
- var feedID = colorPalette === 'custom' ? ('_' + self.customizerFeedData.feed_info.id) : '';
2408
- return colorPalette !== 'inherit' ? ' sbi' + context + '_palette_' + colorPalette + feedID: '';
2409
  }
2410
  return '';
2411
  },
2412
 
2413
- customizerSectionStyle : function(sections){
2414
  var self = this;
2415
- Object.values(sections).map(function(section){
2416
- if(section.controls){
2417
- Object.values(section.controls).map(function(control){
2418
  self.returnControlStyle(control);
2419
  });
2420
  }
2421
- if(section.nested_sections){
2422
- self.customizerSectionStyle(section.nested_sections);
2423
- Object.values(section.nested_sections).map(function(nestedSections){
2424
- Object.values(nestedSections.controls).map(function(nestedControl){
2425
- if(nestedControl.section){
2426
- self.customizerSectionStyle(nestedControl);
2427
- }
2428
  });
2429
- });
2430
  }
2431
  });
2432
  },
2433
- returnControlStyle : function( control ){
2434
  var self = this;
2435
- if(control.style){
2436
- Object.entries(control.style).map( function(css) {
2437
  var condition = control.condition != undefined || control.checkExtension != undefined ? self.checkControlCondition(control.condition, control.checkExtension) : true;
2438
- if( condition ){
2439
  self.feedStyle +=
2440
  css[0] + '{' +
2441
- css[1].replace("{{value}}", self.customizerFeedData.settings[control.id]) +
2442
  '}';
2443
  }
2444
  });
@@ -2455,41 +2470,41 @@ sbiBuilder = new Vue({
2455
  *
2456
  * @since 6.0
2457
  */
2458
- customizerControlAjaxAction : function( actionType, settingID = false ){
2459
  var self = this;
2460
  switch (actionType) {
2461
  case 'feedFlyPreview':
2462
  self.loadingBar = true;
2463
  self.templateRender = false;
2464
  var previewFeedData = {
2465
- action : 'sbi_feed_saver_manager_fly_preview',
2466
- feedID : self.customizerFeedData.feed_info.id,
2467
- previewSettings : self.customizerFeedData.settings,
2468
- feedName : self.customizerFeedData.feed_info.feed_name,
2469
  };
2470
- if(self.getModerationShoppableMode){
2471
  previewFeedData['moderationShoppableMode'] = true;
2472
  previewFeedData['offset'] = self.moderationShoppableModeOffset;
2473
  }
2474
 
2475
 
2476
- self.ajaxPost(previewFeedData, function(_ref){
2477
  var data = _ref.data;
2478
- if( data !== false ){
2479
  self.updatedTimeStamp = new Date().getTime();
2480
- self.template = String("<div>"+data+"</div>");
2481
  self.moderationShoppableModeAjaxDone = self.getModerationShoppableMode ? true : false;
2482
  self.processNotification("previewUpdated");
2483
- }else{
2484
  self.processNotification("unkownError");
2485
  }
2486
  jQuery('body').find('#sbi_load .sbi_load_btn').unbind('click')
2487
  });
2488
- break;
2489
  case 'feedPreviewRender':
2490
- setTimeout(function(){
2491
  }, 150);
2492
- break;
2493
  }
2494
  },
2495
 
@@ -2499,34 +2514,34 @@ sbiBuilder = new Vue({
2499
  *
2500
  * @since 4.0
2501
  */
2502
- saveFeedSettings : function(leavePage = false){
2503
  var self = this,
2504
  sources = [],
2505
  updateFeedData = {
2506
- action : 'sbi_feed_saver_manager_builder_update',
2507
- update_feed : 'true',
2508
- feed_id : self.customizerFeedData.feed_info.id,
2509
- feed_name : self.customizerFeedData.feed_info.feed_name,
2510
- settings : self.customizerFeedData.settings,
2511
- sources : self.getFeedIdSourcesSaver(),
2512
- tagged : self.getFeedIdSourcesTaggedSaver(),
2513
- hashtag : self.getFeedHashtagsSaver(),
2514
- type : self.getFeedTypeSaver(),
2515
- shoppablelist : self.customizerFeedData.settings.shoppablelist,
2516
- moderationlist : self.customizerFeedData.settings.moderationlist
2517
  };
2518
  self.loadingBar = true;
2519
- self.ajaxPost(updateFeedData, function(_ref){
2520
  var data = _ref.data;
2521
- if(data && data.success === true){
2522
  self.processNotification('feedSaved');
2523
  self.customizerFeedDataInitial = self.customizerFeedData;
2524
- if( leavePage === true){
2525
- setTimeout(function(){
2526
  window.location.href = self.builderUrl;
2527
  }, 1500)
2528
  }
2529
- }else{
2530
  self.processNotification('feedSavedError');
2531
  }
2532
  });
@@ -2538,22 +2553,22 @@ sbiBuilder = new Vue({
2538
  * Update Feed Preview Too
2539
  * @since 4.0
2540
  */
2541
- clearSingleFeedCache : function(){
2542
  var self = this,
2543
  sources = [],
2544
  clearFeedData = {
2545
- action : 'sbi_feed_saver_manager_clear_single_feed_cache',
2546
- feedID : self.customizerFeedData.feed_info.id,
2547
- previewSettings : self.customizerFeedData.settings,
2548
- feedName : self.customizerFeedData.feed_info.feed_name,
2549
  };
2550
  self.loadingBar = true;
2551
- self.ajaxPost(clearFeedData, function(_ref){
2552
  var data = _ref.data;
2553
- if( data !== false ){
2554
 
2555
  self.processNotification('cacheCleared');
2556
- }else{
2557
  self.processNotification("unkownError");
2558
  }
2559
  })
@@ -2565,7 +2580,7 @@ sbiBuilder = new Vue({
2565
  *
2566
  * @since 4.0
2567
  */
2568
- resetColorOverride : function(settingID){
2569
  this.customizerFeedData.settings[settingID] = '';
2570
  },
2571
 
@@ -2574,13 +2589,13 @@ sbiBuilder = new Vue({
2574
  *
2575
  * @since 4.0
2576
  */
2577
- moderationModePagination : function( type ){
2578
  var self = this;
2579
- if( type == 'next'){
2580
  self.moderationShoppableModeOffset = self.moderationShoppableModeOffset + 1;
2581
  }
2582
- if( type == 'previous'){
2583
- self.moderationShoppableModeOffset = self.moderationShoppableModeOffset > 0 ? ( self.moderationShoppableModeOffset - 1 ) : 0;
2584
  }
2585
 
2586
  self.customizerControlAjaxAction('feedFlyPreview');
@@ -2592,9 +2607,9 @@ sbiBuilder = new Vue({
2592
  *
2593
  * @since 4.0
2594
  */
2595
- removeSourceCustomizer : function(type, args = []){
2596
  var self = this;
2597
- Object.assign(self.customizerScreens.sourcesChoosed,self.customizerFeedData.settings.sources);
2598
  self.selectSourceCustomizer(args, true);
2599
  sbiBuilder.$forceUpdate();
2600
  window.event.stopPropagation();
@@ -2605,12 +2620,12 @@ sbiBuilder = new Vue({
2605
  * Action
2606
  * @since 6.0
2607
  */
2608
- fieldCustomClickAction : function( clickAction ){
2609
  var self = this;
2610
  switch (clickAction) {
2611
  case 'clearCommentCache':
2612
  self.clearCommentCache();
2613
- break;
2614
  }
2615
  },
2616
 
@@ -2619,21 +2634,21 @@ sbiBuilder = new Vue({
2619
  * Action
2620
  * @since 6.0
2621
  */
2622
- clearCommentCache : function(){
2623
  var self = this;
2624
- self.loadingBar = true;
2625
- var clearCommentCacheData = {
2626
- action : 'sbi_feed_saver_manager_clear_comments_cache',
2627
- };
2628
- self.ajaxPost(clearCommentCacheData, function(_ref){
2629
- var data = _ref.data;
2630
- if( data === 'success' ){
2631
- self.processNotification("commentCacheCleared");
2632
- }else{
2633
- self.processNotification("unkownError");
2634
- }
2635
- });
2636
- },
2637
 
2638
 
2639
  /**
@@ -2641,27 +2656,27 @@ sbiBuilder = new Vue({
2641
  *
2642
  * @since 4.0
2643
  */
2644
- openDialogBox : function(type, args = []){
2645
  var self = this,
2646
- heading = self.dialogBoxPopupScreen[type].heading,
2647
- description = self.dialogBoxPopupScreen[type].description,
2648
- customButtons = self.dialogBoxPopupScreen[type].customButtons;
2649
  switch (type) {
2650
  case "deleteSourceCustomizer":
2651
  self.sourceToDelete = args;
2652
  heading = heading.replace("#", self.sourceToDelete.username);
2653
- break;
2654
  case "deleteSingleFeed":
2655
  self.feedToDelete = args;
2656
  heading = heading.replace("#", self.feedToDelete.feed_name);
2657
- break;
2658
  }
2659
  self.dialogBox = {
2660
- active : true,
2661
- type : type,
2662
- heading : heading,
2663
- description : description,
2664
- customButtons : customButtons
2665
  };
2666
  window.event.stopPropagation();
2667
  },
@@ -2671,26 +2686,26 @@ sbiBuilder = new Vue({
2671
  *
2672
  * @since 4.0
2673
  */
2674
- confirmDialogAction : function(){
2675
  var self = this;
2676
  switch (self.dialogBox.type) {
2677
  case 'deleteSourceCustomizer':
2678
  self.selectSourceCustomizer(self.sourceToDelete, true);
2679
  self.customizerControlAjaxAction('feedFlyPreview');
2680
- break;
2681
  case 'deleteSingleFeed':
2682
  self.feedActionDelete([self.feedToDelete.id]);
2683
- break;
2684
  case 'deleteMultipleFeeds':
2685
  self.feedActionDelete(self.feedsSelected);
2686
- break;
2687
  case 'backAllToFeed':
2688
  //Save & Exist;
2689
  self.saveFeedSettings(true);
2690
- break;
2691
  case 'unsavedFeedSources':
2692
  self.updateFeedTypeAndSourcesCustomizer();
2693
- break;
2694
  }
2695
  },
2696
 
@@ -2712,23 +2727,23 @@ sbiBuilder = new Vue({
2712
  *
2713
  * @since 4.0
2714
  */
2715
- toggleElementTooltip : function(tooltipText, type, align = 'center'){
2716
  var self = this,
2717
  target = window.event.currentTarget,
2718
  tooltip = (target != undefined && target != null) ? document.querySelector('.sb-control-elem-tltp-content') : null;
2719
- if(tooltip != null && type == 'show'){
2720
  self.tooltip.text = tooltipText;
2721
  var position = target.getBoundingClientRect(),
2722
  left = position.left + 10,
2723
  top = position.top - 10;
2724
  tooltip.style.left = left + 'px';
2725
  tooltip.style.top = top + 'px';
2726
- tooltip.style.textAlign = align;
2727
  self.tooltip.hover = true;
2728
  }
2729
- if(type == 'hide'){
2730
- setTimeout(function(){
2731
- if(self.tooltip.hoverType != 'inside'){
2732
  self.tooltip.hover = false;
2733
  }
2734
  }, 200)
@@ -2740,7 +2755,7 @@ sbiBuilder = new Vue({
2740
  *
2741
  * @since 4.0
2742
  */
2743
- hoverTooltip : function(type, hoverType){
2744
  this.tooltip.hover = type;
2745
  this.tooltip.hoverType = hoverType;
2746
  },
@@ -2750,17 +2765,17 @@ sbiBuilder = new Vue({
2750
  *
2751
  * @since 4.0
2752
  */
2753
- processNotification : function( notificationType ){
2754
  var self = this,
2755
- notification = self.genericText.notification[ notificationType ];
2756
  self.loadingBar = false;
2757
- self.notificationElement = {
2758
- type : notification.type,
2759
- text : notification.text,
2760
- shown : "shown"
2761
  };
2762
- setTimeout(function(){
2763
- self.notificationElement.shown = "hidden";
2764
  }, 5000);
2765
  },
2766
 
@@ -2771,7 +2786,7 @@ sbiBuilder = new Vue({
2771
  *
2772
  * @return string
2773
  */
2774
- returnAccountAvatar : function(source){
2775
  if (typeof source.local_avatar_url !== "undefined" && source.local_avatar_url !== '') {
2776
  return source.local_avatar_url;
2777
  }
@@ -2792,18 +2807,18 @@ sbiBuilder = new Vue({
2792
  *
2793
  * @return string
2794
  */
2795
- getPostCaption : function( caption, postID ){
2796
  var self = this,
2797
  customizerSettings = self.customizerFeedData.settings;
2798
- caption = caption.replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/&lt;br&gt;|&lt;br \/&gt;/g, '<br>');
2799
- if( self.checkNotEmpty(customizerSettings.captionlength) ){
2800
  return '<span class="sbi_caption">' +
2801
- ( self.expandedCaptions.includes(postID) ? caption : caption.substring( 0, parseInt(customizerSettings.captionlength)) ) +
2802
- '</span>' +
2803
- ( caption.length > parseInt(customizerSettings.captionlength) ? '<span class="sbi_expand" style="display:inline-block;" onclick="sbiBuilderToggleCaption('+postID+')"> <a><span class="sbi_more">...</span></a></span>' : '');
2804
  }
2805
  var captionLength = !self.checkNotEmpty(customizerSettings.captionlength) ? 50 : parseInt(customizerSettings.captionlength);
2806
- return '<span class="sbi_caption">' + caption.substring( 0, captionLength) + '</span>';
2807
  },
2808
 
2809
  /**
@@ -2813,10 +2828,10 @@ sbiBuilder = new Vue({
2813
  *
2814
  * @return boolean
2815
  */
2816
- checkPostShoppableFeed : function( postId ){
2817
  var self = this,
2818
  customizerSettings = self.customizerFeedData.settings;
2819
- return typeof self.customizerFeedData.settings.shoppablelist === 'object'&& customizerSettings.shoppablelist[postId] !== undefined;
2820
  },
2821
 
2822
  /**
@@ -2824,11 +2839,11 @@ sbiBuilder = new Vue({
2824
  *
2825
  * @since 6.0
2826
  */
2827
- openPostShoppableFeed : function( postId, media, caption = '' ){
2828
  var self = this,
2829
  customizerSettings = self.customizerFeedData.settings;
2830
  self.shoppableFeed.postId = postId;
2831
- self.shoppableFeed.postShoppableUrl = ( typeof self.customizerFeedData.settings.shoppablelist === 'object' && customizerSettings.shoppablelist[postId] !== undefined ) ? customizerSettings.shoppablelist[postId] : '';
2832
  self.shoppableFeed.postMedia = media;
2833
  self.shoppableFeed.postCaption = caption;
2834
 
@@ -2839,19 +2854,19 @@ sbiBuilder = new Vue({
2839
  *
2840
  * @since 6.0
2841
  */
2842
- addPostShoppableFeed : function(){
2843
  var self = this,
2844
  customizerSettings = self.customizerFeedData.settings;
2845
- if( self.checkNotEmpty( self.shoppableFeed.postShoppableUrl ) ){
2846
- self.customizerFeedData.settings.shoppablelist = ( typeof self.customizerFeedData.settings.shoppablelist === 'object' ) ? self.customizerFeedData.settings.shoppablelist : {};
2847
- self.customizerFeedData.settings.shoppablelist[self.shoppableFeed.postId] = self.shoppableFeed.postShoppableUrl;
2848
  self.shoppableFeed = {
2849
- postId : null,
2850
- postMedia : null,
2851
- postCaption : null,
2852
- postShoppableUrl : ''
2853
  };
2854
- }else{
2855
  delete self.customizerFeedData.settings.shoppablelist[self.shoppableFeed.postId];
2856
  }
2857
  },
@@ -2861,17 +2876,17 @@ sbiBuilder = new Vue({
2861
  *
2862
  * @since 6.0
2863
  */
2864
- cancelPostShoppableFeed : function(){
2865
  var self = this;
2866
- if( !self.checkNotEmpty( self.shoppableFeed.postShoppableUrl ) ){
2867
  delete self.customizerFeedData.settings.shoppablelist[self.shoppableFeed.postId];
2868
  }
2869
 
2870
  self.shoppableFeed = {
2871
- postId : null,
2872
- postMedia : null,
2873
- postCaption : null,
2874
- postShoppableUrl : ''
2875
  };
2876
  },
2877
 
@@ -2880,113 +2895,163 @@ sbiBuilder = new Vue({
2880
  *
2881
  * @since 6.0
2882
  */
2883
- openModerationMode : function(){
2884
  var self = this;
2885
- Object.assign(self.moderationSettings,self.customizerFeedData.settings.moderationlist);
2886
  self.customBlockModerationlistTemp = `${self.customizerFeedData.settings.customBlockModerationlist}`;
2887
  self.activateView('moderationMode');
2888
- },
2889
 
2890
  /**
2891
  * Switch Moderation List Type
2892
  *
2893
  * @since 6.0
2894
  */
2895
- switchModerationListType : function( moderationlistType ){
2896
  var self = this;
2897
- self.moderationSettings.list_type_selected = moderationlistType;
2898
- },
2899
 
2900
  /**
2901
  * Switch Moderation List Type
2902
  *
2903
  * @since 6.0
2904
  */
2905
- saveModerationSettings : function(){
2906
  var self = this;
2907
  Object.assign(self.customizerFeedData.settings.moderationlist, self.moderationSettings);
2908
  self.customizerFeedData.settings.customBlockModerationlist = `${self.customBlockModerationlistTemp}`;
2909
  self.activateView('moderationMode');
2910
- },
2911
 
2912
- /**
2913
  * Check Post in Moderation Mode
2914
  *
2915
  * @since 6.0
2916
  */
2917
- checkPostModertationMode : function( postID ){
2918
  var self = this;
2919
- if( self.moderationSettings.list_type_selected == "allow" ){
2920
- if( self.moderationSettings.allow_list.includes(postID) || self.moderationSettings.allow_list.includes(postID.toString()) ){
2921
  return 'active';
2922
- }else{
2923
  return 'inactive';
2924
  }
2925
  }
2926
- if( self.moderationSettings.list_type_selected == "block" ){
2927
- var combinedBlockedList = Array.from(self.moderationSettings.block_list.concat( self.customBlockModerationlistTemp.split(',')) );
2928
- if( combinedBlockedList.includes(postID) || combinedBlockedList.includes(postID.toString()) ){
2929
  return 'inactive';
2930
- }else{
2931
  return 'active';
2932
  }
2933
  }
2934
- },
2935
 
2936
- checkPostModertationModeAttribute : function( postID ){
2937
- return '';
2938
- },
2939
 
2940
 
2941
 
2942
 
2943
 
2944
- /**
2945
  * Add Post To Moderation List
2946
  * Depending on
2947
  *
2948
  * @since 6.0
2949
  */
2950
- addPostToModerationList : function( postID ){
2951
  var self = this;
2952
- if( self.moderationSettings.list_type_selected == "allow" ){
2953
- if( self.moderationSettings.allow_list.includes(postID) ){
2954
- self.moderationSettings.allow_list.push( postID );
2955
- self.moderationSettings.allow_list.splice(self.moderationSettings.allow_list.indexOf( postID ), 1);
2956
- self.moderationSettings.allow_list.splice(self.moderationSettings.allow_list.indexOf( postID.toString() ), 1);
2957
- }else{
2958
- self.moderationSettings.allow_list.push( postID );
2959
  }
2960
  }
2961
 
2962
- if( self.moderationSettings.list_type_selected == "block" ){
2963
- if( self.moderationSettings.block_list.includes(postID) ){
2964
- self.moderationSettings.block_list.push( postID );
2965
- self.moderationSettings.block_list.splice(self.moderationSettings.block_list.indexOf( postID ), 1);
2966
- self.moderationSettings.block_list.splice(self.moderationSettings.block_list.indexOf( postID.toString() ), 1);
2967
- }else{
2968
- self.moderationSettings.block_list.push( postID );
2969
  }
2970
  }
2971
 
2972
- },
2973
 
2974
 
2975
- /**
2976
  * Choose Hashtag Order By
2977
  *
2978
  * @since 6.0
2979
  */
2980
- selectedHastagOrderBy : function(orderBy){
2981
- if( this.customizerFeedData != undefined){
2982
  this.customizerFeedData.settings.order = orderBy;
2983
- }else{
2984
  this.hashtagOrderBy = orderBy;
2985
  }
2986
  },
2987
 
2988
- ctaToggleFeatures: function() {
2989
  this.freeCtaShowFeatures = !this.freeCtaShowFeatures;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2990
  }
2991
 
2992
 
@@ -2994,14 +3059,14 @@ sbiBuilder = new Vue({
2994
 
2995
  });
2996
 
2997
- function sbiBuilderToggleCaption(postID){
2998
- if( sbiBuilder.expandedCaptions.includes(postID) ){
2999
- sbiBuilder.expandedCaptions.splice(sbiBuilder.expandedCaptions.indexOf( postID ), 1);
3000
- }else{
3001
  sbiBuilder.expandedCaptions.push(postID);
3002
  }
3003
  }
3004
 
3005
- jQuery( document ).ready(function() {
3006
  jQuery('body').find('#sbi_load .sbi_load_btn').unbind('click')
3007
  })
14
  sbiBuilder = new Vue({
15
  el: '#sbi-builder-app',
16
  http: {
17
+ emulateJSON: true,
18
+ emulateHTTP: true
19
+ },
20
+ components: {
21
+ 'sketch-picker': sketch,
22
+ },
23
  mixins: [VueClickaway.mixin],
24
  data: {
25
+ nonce: sbi_builder.nonce,
26
 
27
+ template: sbi_builder.feedInitOutput,
28
+ templateRender: false,
29
+ updatedTimeStamp: new Date().getTime(),
30
+ feedSettingsDomOptions: null,
31
 
32
+ $parent: this,
33
  plugins: sbi_builder.installPluginsPopup,
34
+ dismissLite: sbi_builder.instagram_feed_dismiss_lite,
35
  supportPageUrl: sbi_builder.supportPageUrl,
36
+ builderUrl: sbi_builder.builderUrl,
37
+ pluginType: sbi_builder.pluginType,
38
+ genericText: sbi_builder.genericText,
39
+ ajaxHandler: sbi_builder.ajax_handler,
40
+ adminPostURL: sbi_builder.adminPostURL,
41
+ widgetsPageURL: sbi_builder.widgetsPageURL,
42
+ translatedText: sbi_builder.translatedText,
43
+ socialShareLink: sbi_builder.socialShareLink,
44
  licenseType: sbi_builder.licenseType,
45
  freeCtaShowFeatures: false,
46
  upgradeUrl: sbi_builder.upgradeUrl,
47
  pluginUrl: sbi_builder.pluginUrl,
48
 
49
+ welcomeScreen: sbi_builder.welcomeScreen,
50
+ allFeedsScreen: sbi_builder.allFeedsScreen,
51
+ extensionsPopup: sbi_builder.extensionsPopup,
52
+ mainFooterScreen: sbi_builder.mainFooterScreen,
53
+ embedPopupScreen: sbi_builder.embedPopupScreen,
54
+
55
+ selectSourceScreen: sbi_builder.selectSourceScreen,
56
+ customizeScreensText: sbi_builder.customizeScreens,
57
+ dialogBoxPopupScreen: sbi_builder.dialogBoxPopupScreen,
58
+ selectFeedTypeScreen: sbi_builder.selectFeedTypeScreen,
59
+ addFeaturedPostScreen: sbi_builder.addFeaturedPostScreen,
60
+ addFeaturedAlbumScreen: sbi_builder.addFeaturedAlbumScreen,
61
+ addVideosPostScreen: sbi_builder.addVideosPostScreen,
62
+ dummyLightBoxData: sbi_builder.dummyLightBoxData,
63
+
64
+ svgIcons: sbi_builder.svgIcons,
65
+ feedsList: sbi_builder.feeds,
66
+ manualSourcePopupInit: sbi_builder.manualSourcePopupInit,
67
+ feedTypes: sbi_builder.feedTypes,
68
+ socialInfo: sbi_builder.socialInfo,
69
+ sourcesList: sbi_builder.sources,
70
+ links: sbi_builder.links,
71
+ legacyFeedsList: sbi_builder.legacyFeeds,
72
+ activeExtensions: sbi_builder.activeExtensions,
73
+ advancedFeedTypes: sbi_builder.advancedFeedTypes,
74
 
75
 
76
 
77
  //Selected Feed type => User Hashtag Tagged
78
+ selectedFeed: ['user'],
79
+ selectedFeedPopup: [],
80
+
81
+ selectedSources: [],
82
+ selectedSourcesPopup: [],
83
+ selectedSourcesTagged: [],
84
+ selectedSourcesTaggedPopup: [],
85
+ selectedSourcesUser: [],
86
+ selectedSourcesUserPopup: [],
87
+ selectedHastags: [],
88
+ selectedHastagsPopup: [],
89
+ hashtagInputText: '',
90
+ hashtagOrderBy: 'recent',
91
+
92
+ viewsActive: {
93
  //Screens where the footer widget is disabled
94
+ footerDiabledScreens: [
95
  'welcome',
96
  'selectFeed'
97
  ],
98
+ footerWidget: false,
99
 
100
  // welcome, selectFeed
101
+ pageScreen: 'welcome',
102
 
103
  // feedsType, selectSource, feedsTypeGetProcess
104
+ selectedFeedSection: 'feedsType',
105
 
106
+ sourcePopup: false,
107
+ feedtypesPopup: false,
108
+ feedtypesCustomizerPopup: false,
109
+ sourcesListPopup: false,
110
  // step_1 [Add New Source] , step_2 [Connect to a user pages/groups], step_3 [Add Manually]
111
+ sourcePopupScreen: 'redirect_1',
112
 
113
  // creation or customizer
114
+ sourcePopupType: 'creation',
115
+ extensionsPopupElement: false,
116
+ feedTypeElement: null,
117
+ instanceFeedActive: null,
118
+ clipboardCopiedNotif: false,
119
+ legacyFeedsShown: false,
120
+ editName: false,
121
+ embedPopup: false,
122
+ embedPopupScreen: 'step_1',
123
+ embedPopupSelectedPage: null,
124
+
125
+ moderationMode: false,
126
+
127
+ // onboarding
128
+ onboardingPopup: sbi_builder.allFeedsScreen.onboarding.active,
129
+ onboardingStep: 1,
130
 
131
  // customizer onboarding
132
+ onboardingCustomizerPopup: sbi_builder.customizeScreens.onboarding.active,
133
 
134
  // plugin install popup
135
+ installPluginPopup: false,
136
  installPluginModal: 'facebook'
137
+ },
138
 
139
+ //Feeds Pagination
140
+ feedPagination: {
141
+ feedsCount: sbi_builder.feedsCount != undefined ? sbi_builder.feedsCount : null,
142
+ pagesNumber: 1,
143
+ currentPage: 1,
144
+ itemsPerPage: sbi_builder.itemsPerPage != undefined ? sbi_builder.itemsPerPage : null,
145
+ },
146
 
147
  //Add New Source
148
+ newSourceData: sbi_builder.newSourceData ? sbi_builder.newSourceData : null,
149
+ sourceConnectionURLs: sbi_builder.sourceConnectionURLs,
150
+ returnedApiSourcesList: [],
151
+ addNewSource: {
152
+ typeSelected: 'page',
153
+ manualSourceID: null,
154
+ manualSourceToken: null
155
  },
156
+ selectedSourcesToConnect: [],
157
 
158
  //Feeds Types Get Info
159
+ extraProcessFeedsTypes: [
160
  //'events',
161
  'singlealbum',
162
  'featuredpost',
163
  'videos'
164
  ],
165
+ isCreateProcessGood: false,
166
+ feedCreationInfoUrl: null,
167
+ feedTypeOnSourcePopup: 'user',
168
+
169
+ feedsSelected: [],
170
+ selectedBulkAction: false,
171
+ singleAlbumFeedInfo: {
172
+ url: '',
173
+ info: {},
174
  success: false,
175
+ isError: false
176
  },
177
+ featuredPostFeedInfo: {
178
+ url: '',
179
+ info: {},
180
  success: false,
181
+ isError: false
182
  },
183
+ videosTypeInfo: {
184
+ type: 'all',
185
+ info: {},
186
+ playListUrl: null,
187
  success: false,
188
+ playListUrlError: false
189
+ },
190
+
191
+ customizerFeedDataInitial: null,
192
+ customizerFeedData: sbi_builder.customizerFeedData,
193
+ wordpressPageLists: sbi_builder.wordpressPageLists,
194
+ iscustomizerScreen: (sbi_builder.customizerFeedData != undefined && sbi_builder.customizerFeedData != false),
195
+
196
+ customizerSidebarBuilder: sbi_builder.customizerSidebarBuilder,
197
+ customizerScreens: {
198
+ activeTab: 'customize',
199
+ printedType: {},
200
+ activeSection: null,
201
+ previewScreen: 'desktop',
202
+ sourceExpanded: null,
203
+ sourcesChoosed: [],
204
+ inputNameWidth: '0px',
205
+ activeSectionData: null,
206
+ parentActiveSection: null, //For nested Setions
207
+ parentActiveSectionData: null, //For nested Setions
208
+ activeColorPicker: null,
209
+ popupBackButton: ['hashtag', 'tagged', 'socialwall', 'feedLayout', 'headerLayout', 'postStyling', 'lightbox', 'filtermoderation', 'shoppablefeed']
210
  },
211
  previewScreens: [
212
  'desktop',
214
  'mobile'
215
  ],
216
 
217
+ nestedStylingSection: [
218
 
219
  ],
220
+ expandedCaptions: [],
221
 
222
+ sourceToDelete: {},
223
+ feedToDelete: {},
224
+ dialogBox: {
225
+ active: false,
226
+ type: null, //deleteSourceCustomizer
227
+ heading: null,
228
+ description: null,
229
+ customButtons: undefined
230
  },
231
 
232
+ feedStyle: '',
233
+ expandedPostText: [],
234
+ showedSocialShareTooltip: null,
235
+ showedCommentSection: [],
236
 
237
  //LightBox Object
238
+ lightBox: {
239
+ visibility: 'hidden',
240
+ type: null,
241
+ post: null,
242
+ activeImage: null,
243
+ albumIndex: 0,
244
+ videoSource: null
245
+ },
246
+ highLightedSection: 'all',
247
+
248
+ shoppableFeed: {
249
+ postId: null,
250
+ postMedia: null,
251
+ postCaption: null,
252
+ postShoppableUrl: ''
253
+ },
254
+
255
+ moderationSettings: {
256
+ list_type_selected: null,
257
+ allow_list: [],
258
+ block_list: []
259
+ },
260
+ customBlockModerationlistTemp: '',
261
+ tooltip: {
262
+ text: '',
263
+ hover: false,
264
+ hoverType: 'outside'
265
  },
266
  //Loading Bar
267
+ fullScreenLoader: false,
268
+ appLoaded: false,
269
+ previewLoaded: false,
270
+ loadingBar: true,
271
+ notificationElement: {
272
+ type: 'success', // success, error, warning, message
273
+ text: '',
274
+ shown: null
275
  },
276
 
277
  //Moderation & Shoppable Mode
278
+ moderationShoppableMode: false,
279
+ moderationShoppableModeAjaxDone: false,
280
+ moderationShoppableModeOffset: 0
281
 
282
 
283
  },
284
+ watch: {
285
+ feedPreviewOutput: function () {
286
  return this.feedPreviewMaker()
287
  },
288
  },
289
+ computed: {
290
 
291
+ feedStyleOutput: function () {
292
  return this.customizerStyleMaker();
293
  },
294
+ singleHolderData: function () {
295
  return this.singleHolderParams();
296
  },
297
+ getModerationShoppableMode: function () {
298
  return false;
299
  }
300
 
301
  },
302
+ updated: function () {
303
+ if (this.customizerFeedData) {
304
  this.setShortcodeGlobalSettings(true);
305
  }
306
  },
307
+ created: function () {
308
  var self = this;
309
  this.$parent = self;
310
+ if (self.customizerFeedData) {
311
+ self.template = String("<div>" + self.template + "</div>");
312
  self.setShortcodeGlobalSettings(true);
313
 
314
+ self.feedSettingsDomOptions = self.jsonParse(jQuery("html").find("#sb_instagram").attr('data-options'));
315
 
316
  self.selectedSources = self.customizerFeedData.settings.id;
317
  self.selectedSourcesUser = self.customizerFeedData.settings.id;
322
 
323
  self.customizerFeedData.settings.shoppablelist = self.jsonParse(self.customizerFeedData.settings.shoppablelist) ? self.jsonParse(self.customizerFeedData.settings.shoppablelist) : [];
324
  self.customizerFeedData.settings.moderationlist = self.jsonParse(self.customizerFeedData.settings.moderationlist) ? self.jsonParse(self.customizerFeedData.settings.moderationlist) : self.moderationSettings;
325
+ Object.assign(self.moderationSettings, self.customizerFeedData.settings.moderationlist);
326
 
327
  self.customBlockModerationlistTemp = `${self.customizerFeedData.settings.customBlockModerationlist}`;
328
 
331
  self.updatedTimeStamp = new Date().getTime();
332
  }
333
 
334
+ if (self.customizerFeedData == undefined) {
335
  self.feedPagination.pagesNumber = self.feedPagination.feedsCount != null ? Math.ceil(self.feedPagination.feedsCount / self.feedPagination.itemsPerPage) : 1
336
  }
337
 
338
  window.addEventListener('beforeunload', (event) => {
339
+ if (self.customizerFeedData) {
340
+ self.leaveWindowHandler(event);
341
  }
342
+ });
343
 
344
 
345
  self.loadingBar = false;
346
+ /* Onboarding - move elements so the position is in context */
347
  self.positionOnboarding();
348
+ setTimeout(function () {
349
  self.positionOnboarding();
350
  }, 500);
351
 
352
  self.appLoaded = true;
353
  },
354
  methods: {
355
+ updateColorValue: function (id) {
356
  var self = this;
357
  self.customizerFeedData.settings[id] = (self.customizerFeedData.settings[id].a == 1) ? self.customizerFeedData.settings[id].hex : self.customizerFeedData.settings[id].hex8;
358
  },
363
  *
364
  * @since 6.0
365
  */
366
+ leaveWindowHandler: function (ev) {
367
  var self = this,
368
+ updateFeedData = {
369
+ action: 'sbi_feed_saver_manager_recache_feed',
370
+ feedID: self.customizerFeedData.feed_info.id,
371
+ };
372
+ self.ajaxPost(updateFeedData, function (_ref) {
373
  var data = _ref.data;
374
  });
375
  },
379
  *
380
  * @since 6.0
381
  */
382
+ activateView: function (viewName, sourcePopupType = 'creation', ajaxAction = false) {
383
  var self = this;
384
+ if (viewName === 'extensionsPopupElement' && self.customizerFeedData !== undefined && (self.viewsActive.extensionsPopupElement == 'tagged' || self.viewsActive.extensionsPopupElement == 'hashtag')) {
385
  self.activateView('feedtypesPopup');
386
  }
387
 
388
+ self.viewsActive[viewName] = (self.viewsActive[viewName] == false) ? true : false;
389
+ if (viewName === 'sourcePopup') {
390
  self.viewsActive.sourcePopupType = sourcePopupType;
391
+ if (self.customizerFeedData != undefined && sourcePopupType != 'updateCustomizer') {
392
+ Object.assign(self.customizerScreens.sourcesChoosed, self.customizerFeedData.settings.sources);
393
  }
394
+ if (self.customizerFeedData != undefined && sourcePopupType == 'updateCustomizer') {
395
  //self.viewsActive.sourcesListPopup = true;
396
  //self.viewsActive.sourcePopupType = 'customizer';
397
  //self.viewsActive.sourcePopup = true;
399
  //self.customizerFeedData.settings.sources = self.customizerScreens.sourcesChoosed;
400
  }
401
 
402
+ if (ajaxAction !== false) {
403
+ self.customizerControlAjaxAction(ajaxAction);
404
  }
405
  }
406
+ if (viewName === 'feedtypesPopup') {
407
  self.viewsActive.feedTypeElement = null;
408
  }
409
 
410
+ if (viewName == 'editName') {
411
  document.getElementById("sbi-csz-hd-input").focus();
412
  }
413
+ if (viewName == 'embedPopup' && ajaxAction == true) {
414
  self.saveFeedSettings();
415
  }
416
 
417
+ if ((viewName == 'sourcePopup' || viewName == 'sourcePopupType') && sourcePopupType == 'creationRedirect') {
418
+ self.viewsActive.sourcePopupScreen = 'redirect_1';
419
+ setTimeout(function () {
420
  self.$refs.addSourceRef.processIFConnect()
421
+ }, 3500);
422
  }
423
  sbiBuilder.$forceUpdate();
424
  self.movePopUp();
429
  *
430
  * @since 4.0
431
  */
432
+ activateViewOrRedirect: function (viewName, pluginName, plugin) {
433
  var self = this;
434
+ if (plugin.installed && plugin.activated) {
435
  window.location = plugin.dashboard_permalink;
436
  return;
437
  }
438
 
439
+ self.viewsActive[viewName] = (self.viewsActive[viewName] == false) ? true : false;
440
 
441
+ if (viewName == 'installPluginPopup') {
442
  self.viewsActive.installPluginModal = pluginName;
443
  }
444
 
446
  sbiBuilder.$forceUpdate();
447
  },
448
 
449
+ movePopUp: function () {
450
  var overlay = document.querySelectorAll("sb-fs-boss");
451
  if (overlay.length > 0) {
452
  document.getElementById("wpbody-content").prepend(overlay[0]);
460
  *
461
  * @return boolean
462
  */
463
+ checkActiveView: function (viewName) {
464
  return this.viewsActive[viewName];
465
  },
466
 
469
  *
470
  * @since 4.0
471
  */
472
+ switchScreen: function (screenType, screenName) {
473
  this.viewsActive[screenType] = screenName;
474
  sbiBuilder.$forceUpdate();
475
  },
481
  *
482
  * @return boolean
483
  */
484
+ checkNotEmpty: function (value) {
485
+ return value != null && value.replace(/ /gi, '') != '';
486
  },
487
 
488
  /**
492
  *
493
  * @return boolean
494
  */
495
+ checkObjectArrayElement: function (objectArray, object, byWhat) {
496
+ var objectResult = objectArray.filter(function (elem) {
497
  return elem[byWhat] == object[byWhat];
498
  });
499
  return (objectResult.length > 0) ? true : false;
506
  *
507
  * @return boolean
508
  */
509
+ valueIsEnabled: function (value) {
510
  return value == 1 || value == true || value == 'true' || value == 'on';
511
  },
512
 
518
  *
519
  * @return jsonObject / Boolean
520
  */
521
+ jsonParse: function (jsonString) {
522
  try {
523
  return JSON.parse(jsonString);
524
+ } catch (e) {
525
  return false;
526
  }
527
  },
532
  *
533
  * @since 4.0
534
  */
535
+ ajaxPost: function (data, callback) {
536
  var self = this;
537
+ data['nonce'] = this.nonce;
538
+ self.$http.post(self.ajaxHandler, data).then(callback);
539
  },
540
 
541
  /**
545
  *
546
  * @return boolean
547
  */
548
+ hasOwnNestedProperty: function (obj, propertyPath) {
549
+ if (!propertyPath) { return false; } var properties = propertyPath.split('.');
550
+ for (var i = 0; i < properties.length; i++) {
551
+ var prop = properties[i];
552
+ if (!obj || !obj.hasOwnProperty(prop)) {
553
+ return false;
554
+ } else {
555
+ obj = obj[prop];
556
+ }
557
+ }
558
+ return true;
559
  },
560
 
561
 
564
  *
565
  * @since 4.0
566
  */
567
+ feedListPagination: function (type) {
568
  var self = this,
569
  currentPage = self.feedPagination.currentPage,
570
  pagesNumber = self.feedPagination.pagesNumber;
571
  self.loadingBar = true;
572
+ if ((currentPage != 1 && type == 'prev') || (currentPage < pagesNumber && type == 'next')) {
573
  self.feedPagination.currentPage = (type == 'next') ?
574
  (currentPage < pagesNumber ? (parseInt(currentPage) + 1) : pagesNumber) :
575
  (currentPage > 1 ? (parseInt(currentPage) - 1) : 1);
576
 
577
  var postData = {
578
+ action: 'sbi_feed_saver_manager_get_feed_list_page',
579
+ page: self.feedPagination.currentPage
580
  };
581
+ self.ajaxPost(postData, function (_ref) {
582
+ var data = _ref.data;
583
+ if (data) {
584
+ self.feedsList = data;
585
+ }
586
  self.loadingBar = false;
587
+ });
588
  sbiBuilder.$forceUpdate();
589
  }
590
  },
594
  *
595
  * @since 6.0
596
  */
597
+ chooseFeedType: function (feedTypeEl, iscustomizerPopup = false) {
598
  var self = this;
599
+ if (feedTypeEl.type == 'user') {
600
  self.selectedFeed = 'user';
601
+ } else {
602
  self.viewsActive.extensionsPopupElement = feedTypeEl.type;
603
+ if (self.customizerFeedData !== undefined) {
604
  self.viewsActive['feedtypesPopup'] = false;
605
  }
606
  }
612
  *
613
  * @since 6.0
614
  */
615
+ selectFeedTypePopup: function (feedTypeEl) {
616
  var self = this;
617
+ if (feedTypeEl.type != 'socialwall') {
618
+ if (!self.selectedFeedPopup.includes(feedTypeEl.type) && !self.selectedFeed.includes(feedTypeEl.type)) {
619
  self.selectedFeedPopup.push(feedTypeEl.type);
620
+ } else {
621
  self.selectedFeedPopup.splice(self.selectedFeedPopup.indexOf(feedTypeEl.type), 1);
622
  }
623
  }
628
  *
629
  * @since 6.0
630
  */
631
+ checkFeedTypeSelect: function (feedTypeEl) {
632
  var self = this;
633
+ if (self.customizerFeedData) {
634
  return self.selectedFeedPopup.includes(feedTypeEl.type) && feedTypeEl.type != 'socialwall'
635
  }
636
  return self.selectedFeed.includes(feedTypeEl.type) && feedTypeEl.type != 'socialwall'
641
  *
642
  * @since 6.0
643
  */
644
+ addFeedTypePopup: function () {
645
  var self = this;
646
  self.selectedFeed = self.selectedFeedPopup.concat(self.selectedFeed);
647
  self.activateView('feedtypesPopup');
648
+ if (self.customizerFeedData) {
649
  self.activateView('feedtypesCustomizerPopup');
650
  }
651
  },
656
  *
657
  * @since 6.0
658
  */
659
+ getCustomizerSelectedFeedsType: function () {
660
  var self = this,
661
+ customizerSettings = self.customizerFeedData.settings;
662
 
663
  switch (customizerSettings.type) {
664
  case 'user':
665
  return ['user'];
666
+ break;
667
  case 'hashtag':
668
  return ['hashtag'];
669
+ break;
670
  case 'tagged':
671
  return ['tagged'];
672
+ break;
673
  case 'mixed':
674
  var feedTypes = [];
675
+ if (customizerSettings.id.length > 0) {
676
  feedTypes.push('user');
677
  }
678
+ if (customizerSettings.hashtag.length > 0) {
679
  feedTypes.push('hashtag');
680
  }
681
+ if (customizerSettings.tagged.length > 0) {
682
  feedTypes.push('tagged');
683
  }
684
  return feedTypes;
685
+ break;
686
  }
687
 
688
  },
692
  *
693
  * @since 6.0
694
  */
695
+ checkMultipleFeedType: function () {
696
  return this.selectedFeed.length > 1;
697
  },
698
 
701
  *
702
  * @since 6.0
703
  */
704
+ checkMultipleFeedTypeActive: function (feedTypeID) {
705
  return this.selectedFeed.length >= 1 && this.selectedFeed.includes(feedTypeID);
706
  },
707
 
711
  *
712
  * @since 6.0
713
  */
714
+ checkMultipleFeedTypeActiveCustomizer: function (feedTypeID) {
715
+ return this.customizerFeedData.settings.type == feedTypeID || (this.customizerFeedData.settings.type == 'mixed' && this.checkFeedTypeHasSources(feedTypeID));
716
  },
717
 
718
  /**
721
  *
722
  * @since 6.0
723
  */
724
+ checkFeedTypeHasSources: function (feedTypeID) {
725
  var self = this;
726
  switch (feedTypeID) {
727
  case 'user':
728
  return self.createSourcesArray(self.customizerFeedData.settings.id).length > 0;
729
+ break;
730
  case 'hashtag':
731
  return self.createSourcesArray(self.customizerFeedData.settings.hashtag).length > 0;
732
+ break;
733
  case 'tagged':
734
  return self.createSourcesArray(self.customizerFeedData.settings.tagged).length > 0;
735
+ break;
736
  }
737
  return false;
738
  },
743
  *
744
  * @since 6.0
745
  */
746
+ openFeedTypesPopupCustomizer: function () {
747
  var self = this;
748
+ self.selectedSourcesUserPopup = self.createSourcesArray(self.selectedSourcesUser);
749
+ self.selectedSourcesTaggedPopup = self.createSourcesArray(self.selectedSourcesTagged);
750
+ self.selectedHastagsPopup = self.createSourcesArray(self.selectedHastags);
751
+ self.activateView('feedtypesCustomizerPopup')
752
+ },
753
 
754
  /**
755
  * Customizer
757
  *
758
  * @since 6.0
759
  */
760
+ toggleFeedTypesChooserPopup: function () {
761
  var self = this;
762
  self.activateView('feedtypesCustomizerPopup');
763
  self.activateView('feedtypesPopup');
769
  *
770
  * @since 6.0
771
  */
772
+ toggleFeedTypesSourcesPopup: function () {
773
  var self = this;
774
  self.activateView('sourcesListPopup');
775
+ if (self.customizerFeedData) {
776
  self.activateView('feedtypesCustomizerPopup');
777
  }
778
  },
783
  * & Sources/Hashtags
784
  * @since 6.0
785
  */
786
+ updateFeedTypeAndSourcesCustomizer: function () {
787
  var self = this;
788
+ self.selectedSourcesUser = JSON.parse(JSON.stringify(self.createSourcesArray(self.selectedSourcesUserPopup)));
789
+ self.selectedSourcesTagged = JSON.parse(JSON.stringify(self.createSourcesArray(self.selectedSourcesTaggedPopup)));
790
+ self.selectedHastags = JSON.parse(JSON.stringify(self.createSourcesArray(self.getFeedHashtagsSaverPopup())));
791
 
792
 
793
 
794
+ self.customizerFeedData.settings.type = self.getFeedTypeSaver();
795
+ self.customizerFeedData.settings.id = self.getFeedIdSourcesSaver();
796
+ self.customizerFeedData.settings.tagged = self.getFeedIdSourcesTaggedSaver();
797
+ self.customizerFeedData.settings.hashtag = self.getFeedHashtagsSaver();
798
 
799
 
800
  /**/
809
  * & Sources/Hashtags
810
  * @since 6.0
811
  */
812
+ cancelFeedTypeAndSourcesCustomizer: function () {
813
  var self = this;
814
+ if (
815
+ JSON.stringify(self.createSourcesArray(self.selectedSourcesUser)) === JSON.stringify(self.createSourcesArray(self.selectedSourcesUserPopup)) &&
816
+ JSON.stringify(self.createSourcesArray(self.selectedSourcesTagged)) === JSON.stringify(self.createSourcesArray(self.selectedSourcesTaggedPopup)) &&
817
+ JSON.stringify(self.createSourcesArray(self.selectedHastags)) === JSON.stringify(self.createSourcesArray(self.getFeedHashtagsSaverPopup())) &&
818
  JSON.stringify(self.selectedFeedPopup) === JSON.stringify(self.selectedFeed)
819
+ ) {
820
  self.viewsActive['feedtypesPopup'] = false;
821
  self.viewsActive['feedtypesCustomizerPopup'] = false;
822
+ } else {
823
  self.openDialogBox('unsavedFeedSources');
824
  }
825
 
832
  * & Sources/Hashtags
833
  * @since 6.0
834
  */
835
+ getFeedHashtagsSaverPopup: function () {
836
  var self = this;
837
+ if (self.checkNotEmpty(self.hashtagInputText)) {
838
  self.hashtagWriteDetectPopup(true);
839
  }
840
  return self.selectedHastagsPopup;
847
  *
848
  * @since 6.0
849
  */
850
+ maxTypesAdded: function () {
851
  return this.selectedFeed.length >= 3;
852
  },
853
 
856
  *
857
  * @since 6.0
858
  */
859
+ removeFeedTypeSource: function (feedTypeID) {
860
  var self = this;
861
  self.selectedFeed.splice(self.selectedFeed.indexOf(feedTypeID), 1);
862
+ if (feedTypeID == 'user') {
863
  self.selectedSourcesUser = [];
864
  }
865
+ else if (feedTypeID == 'tagged') {
866
+ self.selectedSourcesTagged = [];
867
  }
868
+ else if (feedTypeID == 'hashtag') {
869
+ self.selectedHastags = [];
870
  }
871
  },
872
 
875
  *
876
  * @since 6.0
877
  */
878
+ checkSingleFeedType: function (feedType) {
879
  return this.selectedFeed.length == 1 && this.selectedFeed[0] == feedType;
880
  },
881
 
882
 
883
  //Check Feed Creation Process Sources & Hashtags
884
+ creationProcessCheckSourcesHashtags: function () {
885
  var self = this;
886
+ if (self.selectedFeed.length > 1) {
887
  var number = 0;
888
+ if (self.selectedFeed.includes('user') && self.selectedSourcesUser.length >= 1) {
889
  number += 1;
890
  }
891
+ if (self.selectedFeed.includes('tagged') && self.selectedSourcesTagged.length >= 1) {
892
  number += 1;
893
  }
894
+ if (self.selectedFeed.includes('hashtag') && self.selectedHastags.length >= 1) {
895
  number += 1;
896
  }
897
+ return (number > 0);
898
+ } else {
899
+ if (self.selectedFeed.length == 1 && self.selectedFeed[0] == 'hashtag') {
900
  return (self.selectedHastags.length >= 1 || self.checkNotEmpty(self.hashtagInputText))
901
  }
902
  }
906
  /*
907
  Feed Creation Process
908
  */
909
+ creationProcessCheckAction: function () {
910
  var self = this, checkBtnNext = false;
911
  switch (self.viewsActive.selectedFeedSection) {
912
  case 'feedsType':
913
  checkBtnNext = self.selectedFeed != null ? true : false;
914
  window.sbiSelectedFeed = self.selectedFeed;
915
+ break;
916
  case 'selectSource':
917
  checkBtnNext = self.creationProcessCheckSourcesHashtags();
918
+ break;
919
  case 'feedsTypeGetProcess':
920
 
921
+ break;
922
  }
923
  return checkBtnNext;
924
  },
925
  //Next Click in the Creation Process
926
+ creationProcessNext: function () {
927
  var self = this;
928
  switch (self.viewsActive.selectedFeedSection) {
929
  case 'feedsType':
930
+ if (self.selectedFeed !== null) {
931
  if (self.selectedFeed === 'socialwall') {
932
  window.location.href = sbi_builder.pluginsInfo.social_wall.settingsPage;
933
  return;
934
  }
935
  self.switchScreen('selectedFeedSection', 'selectSource');
936
  }
937
+ break;
938
  case 'selectSource':
939
+ if (self.selectedSources.length > 0 || self.creationProcessCheckSourcesHashtags()) {
940
+ if (self.checkPeronalAccount()) {
941
+ self.hashtagWriteDetect(true);
942
+ self.isCreateProcessGood = self.creationProcessCheckSourcesHashtags();
943
+ } else {
944
+ self.$refs.personalAccountRef.personalAccountPopup = true;
945
+ }
946
+ }
947
+ break;
948
  case 'feedsTypeGetProcess':
949
+ break;
950
  }
951
+ if (self.isCreateProcessGood) {
952
  self.submitNewFeed();
953
+ }
954
 
955
  },
956
+ changeVideoSource: function (videoSource) {
957
  this.videosTypeInfo.type = videoSource;
958
  sbiBuilder.$forceUpdate();
959
  },
960
 
961
+ //Next Click in the Onboarding Process
962
+ onboardingNext: function () {
963
+ this.viewsActive.onboardingStep++;
964
  this.onboardingHideShow();
965
  sbiBuilder.$forceUpdate();
966
  },
967
+ //Previous Click in the Onboarding Process
968
+ onboardingPrev: function () {
969
+ this.viewsActive.onboardingStep--;
970
+ this.onboardingHideShow();
971
  sbiBuilder.$forceUpdate();
972
+ },
973
+ onboardingHideShow: function () {
974
  var tooltips = document.querySelectorAll(".sb-onboarding-tooltip");
975
+ for (var i = 0; i < tooltips.length; i++) {
976
  tooltips[i].style.display = "none";
977
  }
978
+ document.querySelectorAll(".sb-onboarding-tooltip-" + this.viewsActive.onboardingStep)[0].style.display = "block";
979
 
980
  if (this.viewsActive.onboardingCustomizerPopup) {
981
  if (this.viewsActive.onboardingStep === 2) {
986
  }
987
 
988
  },
989
+ //Close Click in the Onboarding Process
990
+ onboardingClose: function () {
991
+ var self = this,
992
  wasActive = self.viewsActive.onboardingPopup ? 'newuser' : 'customizer';
993
 
994
+ document.getElementById("sbi-builder-app").classList.remove('sb-onboarding-active');
995
 
996
  self.viewsActive.onboardingPopup = false;
997
  self.viewsActive.onboardingCustomizerPopup = false;
998
 
999
  self.viewsActive.onboardingStep = 0;
1000
+ var postData = {
1001
+ action: 'sbi_dismiss_onboarding',
1002
+ was_active: wasActive
1003
  };
1004
+ self.ajaxPost(postData, function (_ref) {
1005
+ var data = _ref.data;
1006
+ });
1007
  sbiBuilder.$forceUpdate();
1008
+ },
1009
+ positionOnboarding: function () {
1010
  var self = this,
1011
  onboardingElem = document.querySelectorAll(".sb-onboarding-overlay")[0],
1012
  wrapElem = document.getElementById("sbi-builder-app");
1063
  }
1064
  },
1065
  //Back Click in the Creation Process
1066
+ creationProcessBack: function () {
1067
  var self = this;
1068
  switch (self.viewsActive.selectedFeedSection) {
1069
  case 'feedsType':
1078
  }
1079
  sbiBuilder.$forceUpdate();
1080
  },
1081
+ getSelectedSourceName: function (sourceID) {
1082
  var self = this;
1083
+ var sourceInfo = self.sourcesList.filter(function (source) {
1084
  return source.account_id == sourceID;
1085
  });
1086
  return (sourceInfo.length > 0) ? sourceInfo[0].username : '';
1087
  },
1088
 
1089
+ getSourceIdSelected: function () {
1090
  var self = this;
1091
+ if (self.selectedFeed.length == 1 && self.selectedFeed[0] != 'hashtag') {
1092
  return self.selectedSources[0];
1093
+ } else if (self.selectedSourcesUser.length >= 1 && self.selectedFeed.length > 1 && self.selectedFeed.includes('user')) {
1094
  return self.selectedSourcesUser[0];
1095
+ } else if (self.selectedSourcesTagged.length >= 1 && self.selectedFeed.length > 1 && self.selectedFeed.includes('tagged')) {
1096
  return self.selectedSourcesTagged[0];
1097
  }
1098
  return 'Instagram Feed';
1101
 
1102
 
1103
  //Return Feed Type
1104
+ getFeedTypeSaver: function () {
1105
  var self = this;
1106
+ if (self.selectedFeed.length > 1) {
1107
  return 'mixed';
1108
  }
1109
  return self.selectedFeed[0];
1110
  },
1111
 
1112
  //Return Sources ID,
1113
+ getFeedIdSourcesSaver: function () {
1114
  var self = this;
1115
+ if ((self.selectedFeed.length > 1 && self.selectedFeed.includes('user')) || self.customizerFeedData) {
1116
  return self.selectedSourcesUser;
1117
  }
1118
+ return (self.selectedFeed.length == 1 && self.selectedFeed.includes('user')) ? self.selectedSources : "";
1119
  },
1120
 
1121
  //Return Sources ID
1122
+ getFeedIdSourcesTaggedSaver: function () {
1123
  var self = this;
1124
+ if ((self.selectedFeed.length > 1 && self.selectedFeed.includes('tagged')) || self.customizerFeedData) {
1125
  return self.selectedSourcesTagged;
1126
  }
1127
+ return (self.selectedFeed.length == 1 && self.selectedFeed.includes('tagged')) ? self.selectedSources : "";
1128
  },
1129
 
1130
  //Return Hashtag Saver
1131
+ getFeedHashtagsSaver: function () {
1132
  var self = this;
1133
+ if (self.selectedFeed.length == 1 && self.selectedFeed[0] == 'hashtag' && self.checkNotEmpty(self.hashtagInputText)) {
1134
  self.hashtagWriteDetect(true);
1135
  }
1136
+ if ((self.selectedFeed.length > 1 && self.selectedFeed.includes('hashtag')) || (self.selectedFeed.length == 1 && self.selectedFeed[0] == 'hashtag')) {
1137
  return self.selectedHastags;
1138
  }
1139
  return [];
1140
  },
1141
 
1142
  //Create & Submit New Feed
1143
+ submitNewFeed: function () {
1144
  var self = this,
1145
+ newFeedData = {
1146
+ action: 'sbi_feed_saver_manager_builder_update',
1147
+ sources: self.getFeedIdSourcesSaver(),
1148
+ tagged: self.getFeedIdSourcesTaggedSaver(),
1149
+ hashtag: self.getFeedHashtagsSaver(),
1150
+ order: self.hashtagOrderBy,
1151
+ new_insert: 'true',
1152
+ sourcename: self.getSelectedSourceName(self.getSourceIdSelected()),
1153
+ //feedtype : self.selectedFeed,
1154
+ type: self.getFeedTypeSaver()
1155
+ };
1156
 
1157
  self.fullScreenLoader = true;
1158
+ self.ajaxPost(newFeedData, function (_ref) {
1159
  var data = _ref.data;
1160
+ if (data.feed_id && data.success) {
1161
  window.location = self.builderUrl + '&feed_id=' + data.feed_id;
1162
  }
1163
  });
1164
  },
1165
 
1166
  //Select Sources
1167
+ selectSource: function (source) {
1168
  var self = this;
1169
+ if ((source.account_type != 'personal' && self.selectedFeed[0] == 'tagged') || self.selectedFeed[0] == 'user') {
1170
+ if (self.selectedSources.includes(source.account_id)) {
1171
  self.selectedSources.splice(self.selectedSources.indexOf(source.account_id), 1);
1172
+ } else {
1173
  self.selectedSources.push(source.account_id);
1174
  }
1175
  }
1176
  },
1177
 
1178
  //Source Ative
1179
+ isSourceSelectActive: function (source) {
1180
  var self = this;
1181
+ if (self.selectedSources.includes(source.account_id)) {
1182
  return (source.account_type != 'personal' && self.selectedFeed[0] == 'tagged') || self.selectedFeed[0] == 'user';
1183
  }
1184
  return false;
1185
  },
1186
 
1187
  //Check if source is Disabled
1188
+ checkSourceDisabled: function (source) {
1189
  var self = this;
1190
  return (source.account_type == 'personal' && self.selectedFeed[0] == 'tagged');
1191
  },
1192
 
1193
 
1194
  //Open Add Source List Popup
1195
+ openSourceListPopup: function (feedTypeID) {
1196
  var self = this;
1197
  self.feedTypeOnSourcePopup = feedTypeID;
1198
+ if (self.feedTypeOnSourcePopup == 'tagged') {
1199
  self.selectedSourcesPopup = self.createSourcesArray(self.selectedSourcesTagged);
1200
+ } else if (self.feedTypeOnSourcePopup == 'user') {
1201
  self.selectedSourcesPopup = self.createSourcesArray(self.selectedSourcesUser);
1202
  }
1203
  self.activateView('sourcesListPopup');
1204
+ if (self.customizerFeedData) {
1205
  self.activateView('feedtypesCustomizerPopup');
1206
  }
1207
  },
1208
 
1209
  //Check if source is Disabled POPUP
1210
+ checkSourceDisabledPopup: function (source) {
1211
  var self = this;
1212
  return (source.account_type == 'personal' && self.feedTypeOnSourcePopup == 'tagged');
1213
  },
1214
 
1215
  //Source Active POPUP
1216
+ isSourceSelectActivePopup: function (source) {
1217
  var self = this;
1218
+ if (self.selectedSourcesPopup.includes(source.account_id)) {
1219
  return (source.account_type != 'personal' && self.feedTypeOnSourcePopup == 'tagged') || self.feedTypeOnSourcePopup == 'user';
1220
  }
1221
  return false;
1222
  },
1223
 
1224
  //Select Sources POPUP
1225
+ selectSourcePopup: function (source) {
1226
  var self = this;
1227
+ if ((source.account_type != 'personal' && self.feedTypeOnSourcePopup == 'tagged') || self.feedTypeOnSourcePopup == 'user') {
1228
+ if (self.selectedSourcesPopup.includes(source.account_id)) {
1229
  self.selectedSourcesPopup.splice(self.selectedSourcesPopup.indexOf(source.account_id), 1);
1230
+ } else {
1231
  self.selectedSourcesPopup.push(source.account_id);
1232
  }
1233
  }
1234
  },
1235
 
1236
  //Return Choosed Feed Type
1237
+ returnSelectedSourcesByType: function (feedType) {
1238
  var self = this,
1239
+ sourcesListByType = [];
1240
+ if (feedType == 'user') {
1241
+ sourcesListByType = self.sourcesList.filter(function (source) {
1242
+ return (self.customizerFeedData) ? self.selectedSourcesUserPopup.includes(source.account_id) : self.selectedSourcesUser.includes(source.account_id);
1243
  });
1244
+ } else if (feedType == 'tagged') {
1245
+ sourcesListByType = self.sourcesList.filter(function (source) {
1246
+ return (self.customizerFeedData) ? self.selectedSourcesTaggedPopup.includes(source.account_id) : self.selectedSourcesTagged.includes(source.account_id);
1247
  });
1248
  }
1249
  return sourcesListByType;
1250
  },
1251
 
1252
  //Remove Source From Feed Type
1253
+ removeSourceFromFeedType: function (source, feedType) {
1254
  var self = this;
1255
+ if (feedType == 'user') {
1256
+ if (self.customizerFeedData) {
1257
+ self.selectedSourcesUserPopup.splice(self.selectedSourcesUserPopup.indexOf(source.account_id), 1)
1258
+ } else {
1259
+ self.selectedSourcesUser.splice(self.selectedSourcesUser.indexOf(source.account_id), 1)
1260
  }
1261
+ } else if (feedType == 'tagged') {
1262
+ if (self.customizerFeedData) {
1263
+ self.selectedSourcesTaggedPopup.splice(self.selectedSourcesTaggedPopup.indexOf(source.account_id), 1)
1264
+ } else {
1265
+ self.selectedSourcesTagged.splice(self.selectedSourcesTagged.indexOf(source.account_id), 1)
1266
  }
1267
  }
1268
  },
1271
  Return Selected Sources / Hashtags
1272
  on The Customizer Control
1273
  */
1274
+ returnSelectedSourcesByTypeCustomizer: function (feedType) {
1275
  var self = this,
1276
  sourcesListNameByType = [];
1277
+ if (feedType == 'user') {
1278
+ sourcesListNameByType = self.sourcesList.filter(function (source) {
1279
  return self.customizerFeedData.settings.id.includes(source.account_id);
1280
 
1281
  });
1282
  }
1283
+ if (feedType == 'tagged') {
1284
+ sourcesListNameByType = self.sourcesList.filter(function (source) {
1285
  return self.customizerFeedData.settings.tagged.includes(source.account_id);
1286
  });
1287
  }
1288
+ if (feedType == 'hashtag') {
1289
+ sourcesListNameByType = Array.isArray(self.customizerFeedData.settings.hashtag) ? self.customizerFeedData.settings.hashtag : self.customizerFeedData.settings.hashtag.split(',');
1290
  }
1291
  return sourcesListNameByType;
1292
  },
1293
 
1294
  //Check if source are Array
1295
+ createSourcesArray: function (element) {
1296
  var self = this;
1297
+ if (Array.isArray(element) && element.length == 1 && !this.checkNotEmpty(element[0])) {
1298
  return [];
1299
  }
1300
+ var arrayResult = Array.isArray(element) ? Array.from(element) : Array.from(element.split(','));
1301
  return arrayResult.filter(function (el) {
1302
+ return el != null && self.checkNotEmpty(el);
1303
  });
1304
  },
1305
 
1306
  // Add Source to Feed Type
1307
+ addSourceToFeedType: function () {
1308
  var self = this;
1309
+ if (self.feedTypeOnSourcePopup == 'tagged') {
1310
+ if (!self.customizerFeedData) {
1311
  self.selectedSourcesTagged = self.createSourcesArray(self.selectedSourcesPopup);
1312
  self.selectedSourcesTaggedPopup = self.createSourcesArray(self.selectedSourcesTagged);
1313
+ } else {
1314
  self.selectedSourcesTaggedPopup = self.createSourcesArray(self.selectedSourcesPopup);
1315
  }
1316
+ } else if (self.feedTypeOnSourcePopup == 'user') {
1317
+ if (!self.customizerFeedData) {
1318
  self.selectedSourcesUser = self.createSourcesArray(self.selectedSourcesPopup);
1319
  self.selectedSourcesUserPopup = self.createSourcesArray(self.selectedSourcesUser);
1320
+ } else {
1321
  self.selectedSourcesUserPopup = self.createSourcesArray(self.selectedSourcesPopup);
1322
  }
1323
  }
1324
  self.activateView('sourcesListPopup');
1325
+ if (self.customizerFeedData) {
1326
  self.activateView('feedtypesCustomizerPopup');
1327
  }
1328
  },
1329
 
1330
  //Detect Hashtag Writing
1331
+ hashtagWriteDetectPopup: function (isProcess = false) {
1332
  var self = this,
1333
  target = window.event;
1334
+ if (target.keyCode == 188 || isProcess == true) {
1335
+ self.hashtagInputText = self.hashtagInputText.replace(',', '');
1336
+ if (self.checkNotEmpty(self.hashtagInputText)) {
1337
+ if (self.hashtagInputText[0] !== '#') {
1338
  self.hashtagInputText = '#' + self.hashtagInputText;
1339
  }
1340
  self.selectedHastagsPopup = self.createSourcesArray(self.selectedHastagsPopup);
1345
  },
1346
 
1347
  //Detect Hashtag Writing
1348
+ hashtagWriteDetect: function (isProcess = false) {
1349
  var self = this,
1350
  target = window.event;
1351
+ if (target.keyCode == 188 || isProcess == true) {
1352
+ self.hashtagInputText = self.hashtagInputText.replace(',', '');
1353
+ if (self.checkNotEmpty(self.hashtagInputText)) {
1354
+ if (self.hashtagInputText[0] !== '#') {
1355
  self.hashtagInputText = '#' + self.hashtagInputText;
1356
  }
1357
  self.selectedHastags = self.createSourcesArray(self.selectedHastags);
1363
  },
1364
 
1365
  //Remove Hashtag from List
1366
+ removeHashtag: function (hashtag) {
1367
  var self = this;
1368
+ if (self.customizerFeedData) {
1369
  self.selectedHastagsPopup.splice(self.selectedHastagsPopup.indexOf(hashtag), 1);
1370
+ } else {
1371
  self.selectedHastags.splice(self.selectedHastags.indexOf(hashtag), 1);
1372
  }
1373
  },
1374
 
1375
 
1376
 
1377
+ processDomList: function (selector, attributes) {
1378
+ document.querySelectorAll(selector).forEach(function (element) {
1379
+ attributes.map(function (attrName) {
1380
  element.setAttribute(attrName[0], attrName[1]);
1381
  });
1382
  });
1383
  },
1384
+ openTooltipBig: function () {
1385
  var self = this, elem = window.event.currentTarget;
1386
  self.processDomList('.sbi-fb-onbrd-tltp-elem', [['data-active', 'false']]);
1387
  elem.querySelector('.sbi-fb-onbrd-tltp-elem').setAttribute('data-active', 'true');
1388
  sbiBuilder.$forceUpdate();
1389
  },
1390
+ closeTooltipBig: function () {
1391
  var self = this;
1392
  self.processDomList('.sbi-fb-onbrd-tltp-elem', [['data-active', 'false']]);
1393
  window.event.stopPropagation();
1403
  *
1404
  * @since 4.0
1405
  */
1406
+ bulkActionClick: function () {
1407
  var self = this;
1408
  switch (self.selectedBulkAction) {
1409
  case 'delete':
1410
+ if (self.feedsSelected.length > 0) {
1411
  self.openDialogBox('deleteMultipleFeeds')
1412
  }
1413
+ break;
1414
  }
1415
  sbiBuilder.$forceUpdate();
1416
  },
1420
  *
1421
  * @since 4.0
1422
  */
1423
+ feedActionDuplicate: function (feed) {
1424
  var self = this,
1425
+ feedsDuplicateData = {
1426
+ action: 'sbi_feed_saver_manager_duplicate_feed',
1427
+ feed_id: feed.id
1428
+ };
1429
+ self.ajaxPost(feedsDuplicateData, function (_ref) {
1430
  var data = _ref.data;
1431
  self.feedsList = Object.values(Object.assign({}, data));
1432
  //self.feedsList = data;
1439
  *
1440
  * @since 4.0
1441
  */
1442
+ feedActionDelete: function (feeds_ids) {
1443
  var self = this,
1444
+ feedsDeleteData = {
1445
+ action: 'sbi_feed_saver_manager_delete_feeds',
1446
+ feeds_ids: feeds_ids
1447
+ };
1448
+ self.ajaxPost(feedsDeleteData, function (_ref) {
1449
  var data = _ref.data;
1450
  self.feedsList = Object.values(Object.assign({}, data));
1451
  self.feedsSelected = [];
1457
  *
1458
  * @since 4.0
1459
  */
1460
+ viewFeedInstances: function (feed) {
1461
  var self = this;
1462
  self.viewsActive.instanceFeedActive = feed;
1463
  self.movePopUp();
1469
  *
1470
  * @since 4.0
1471
  */
1472
+ selectAllFeedCheckBox: function () {
1473
  var self = this;
1474
+ if (!self.checkAllFeedsActive()) {
1475
  self.feedsSelected = [];
1476
+ self.feedsList.forEach(function (feed) {
1477
  self.feedsSelected.push(feed.id);
1478
  });
1479
+ } else {
1480
  self.feedsSelected = [];
1481
  }
1482
 
1487
  *
1488
  * @since 4.0
1489
  */
1490
+ selectFeedCheckBox: function (feedID) {
1491
+ if (this.feedsSelected.includes(feedID)) {
1492
+ this.feedsSelected.splice(this.feedsSelected.indexOf(feedID), 1);
1493
+ } else {
1494
  this.feedsSelected.push(feedID);
1495
  }
1496
  sbiBuilder.$forceUpdate();
1501
  *
1502
  * @since 4.0
1503
  */
1504
+ checkAllFeedsActive: function () {
1505
  var self = this,
1506
+ result = true;
1507
+ self.feedsList.forEach(function (feed) {
1508
+ if (!self.feedsSelected.includes(feed.id)) {
1509
  result = false;
1510
  }
1511
  });
1519
  *
1520
  * @since 4.0
1521
  */
1522
+ copyToClipBoard: function (value) {
1523
  var self = this;
1524
  const el = document.createElement('textarea');
1525
  el.className = 'sbi-fb-cp-clpboard';
1528
  el.select();
1529
  document.execCommand('copy');
1530
  document.body.removeChild(el);
1531
+ self.notificationElement = {
1532
+ type: 'success',
1533
+ text: this.genericText.copiedClipboard,
1534
+ shown: "shown"
1535
  };
1536
+ setTimeout(function () {
1537
+ self.notificationElement.shown = "hidden";
1538
  }, 3000);
1539
  sbiBuilder.$forceUpdate();
1540
  },
1547
  *
1548
  * @since 4.0
1549
  */
1550
+ isSectionHighLighted: function (sectionName) {
1551
  var self = this;
1552
+ return (self.highLightedSection === sectionName || self.highLightedSection === 'all')
1553
+ },
1554
 
1555
+ /**
1556
  * Enable Highlight Section
1557
  *
1558
  * @since 4.0
1559
  */
1560
+ enableHighLightSection: function (sectionId) {
1561
  var self = this,
1562
+ listPostSection = ['customize_feedlayout', 'customize_colorschemes', 'customize_posts', 'post_style', 'individual_elements'],
1563
  headerSection = ['customize_header'],
1564
  followButtonSection = ['customize_followbutton'],
1565
  loadeMoreSection = ['customize_loadmorebutton'],
1569
  //self.dummyLightBoxData.visibility = 'hidden';
1570
  domBody.classList.remove("no-overflow");
1571
 
1572
+ if (listPostSection.includes(sectionId)) {
1573
  self.highLightedSection = 'postList';
1574
  self.scrollToHighLightedSection("sbi_images");
1575
+ } else if (headerSection.includes(sectionId)) {
1576
  self.highLightedSection = 'header';
1577
  self.scrollToHighLightedSection("sb_instagram_header");
1578
+ } else if (followButtonSection.includes(sectionId)) {
1579
  self.highLightedSection = 'followButton';
1580
  self.scrollToHighLightedSection("sbi_load");
1581
+ } else if (loadeMoreSection.includes(sectionId)) {
1582
  self.highLightedSection = 'loadMore';
1583
  self.scrollToHighLightedSection("sbi_load");
1584
+ } else {
1585
  self.highLightedSection = 'all';
1586
  domBody.classList.remove("no-overflow");
1587
  }
1588
+ },
1589
 
1590
 
1591
+ /**
1592
  * Scroll to Highlighted Section
1593
  *
1594
  * @since 4.0
1595
  */
1596
+ scrollToHighLightedSection: function (sectionId) {
1597
  const element = document.getElementById(sectionId) !== undefined && document.getElementById(sectionId) !== null ?
1598
+ document.getElementById(sectionId) :
1599
+ (document.getElementsByClassName(sectionId)[0] !== undefined && document.getElementsByClassName(sectionId)[0] !== null ? document.getElementsByClassName(sectionId)[0] : null);
1600
 
1601
 
1602
+ if (element != undefined && element != null) {
1603
  const y = element.getBoundingClientRect().top - 120 + window.pageYOffset - 10;
1604
+ window.scrollTo({ top: y, behavior: 'smooth' });
1605
  }
1606
+ },
1607
 
1608
+ /**
1609
  * Enable & Show Color Picker
1610
  *
1611
  * @since 4.0
1612
  */
1613
+ showColorPickerPospup: function (controlId) {
1614
  this.customizerScreens.activeColorPicker = controlId;
1615
+ },
1616
 
1617
+ /**
1618
  * Hide Color Picker
1619
  *
1620
  * @since 4.0
1621
  */
1622
+ hideColorPickerPospup: function () {
1623
  this.customizerScreens.activeColorPicker = null;
1624
+ },
1625
 
1626
+ switchCustomizerPreviewDevice: function (previewScreen) {
1627
  var self = this;
1628
  self.customizerScreens.previewScreen = previewScreen;
1629
  self.loadingBar = true;
1630
+ window.sbi_preview_device = previewScreen;
1631
+ setTimeout(function () {
1632
  self.setShortcodeGlobalSettings(true);
1633
  self.loadingBar = false;
1634
+ }, 200);
1635
+ setTimeout(function () {
1636
  window.sbi_init();
1637
  }, 300)
1638
  sbiBuilder.$forceUpdate();
1639
  },
1640
+ switchCustomizerTab: function (tabId) {
1641
  var self = this,
1642
  domBody = document.getElementsByTagName("body")[0];
1643
  self.customizerScreens.activeTab = tabId;
1648
  //self.dummyLightBoxData.visibility = 'hidden';
1649
  domBody.classList.remove("no-overflow");
1650
 
1651
+ if (self.moderationShoppableModeAjaxDone && self.getModerationShoppableMode == false) {
1652
  self.customizerControlAjaxAction('feedFlyPreview');
1653
  }
1654
 
1655
  sbiBuilder.$forceUpdate();
1656
  },
1657
+ switchCustomizerSection: function (sectionId, section, isNested = false, isBackElements) {
1658
  var self = this;
1659
  self.customizerScreens.parentActiveSection = null;
1660
  self.customizerScreens.parentActiveSectionData = null;
1661
+ if (isNested) {
1662
  self.customizerScreens.parentActiveSection = self.customizerScreens.activeSection;
1663
  self.customizerScreens.parentActiveSectionData = self.customizerScreens.activeSectionData;
1664
  }
1665
  self.customizerScreens.activeSection = sectionId;
1666
  self.customizerScreens.activeSectionData = section;
1667
  self.enableHighLightSection(sectionId);
1668
+ if (sectionId === 'settings_filters_moderation') {
1669
  self.viewsActive['moderationMode'] = false;
1670
  }
1671
 
1672
 
1673
  sbiBuilder.$forceUpdate();
1674
  },
1675
+ switchNestedSection: function (sectionId, section) {
1676
  var self = this;
1677
+ if (section !== null) {
1678
  self.customizerScreens.activeSection = sectionId;
1679
  self.customizerScreens.activeSectionData = section;
1680
+ } else {
1681
  var sectionArray = sectionId['sections'];
1682
  var elementSectionData = self.customizerSidebarBuilder;
1683
 
1684
+ sectionArray.map(function (elm, index) {
1685
  elementSectionData = (elementSectionData[elm] != undefined && elementSectionData[elm] != null) ? elementSectionData[elm] : null;
1686
  });
1687
+ if (elementSectionData != null) {
1688
  self.customizerScreens.activeSection = sectionId['id'];
1689
  self.customizerScreens.activeSectionData = elementSectionData;
1690
  }
1691
  }
1692
  sbiBuilder.$forceUpdate();
1693
  },
1694
+ backToPostElements: function () {
1695
  var self = this,
1696
  individual_elements = self.customizerSidebarBuilder['customize'].sections.customize_posts.nested_sections.individual_elements;
1697
+ self.customizerScreens.activeSection = 'customize_posts';
1698
+ self.customizerScreens.activeSectionData = self.customizerSidebarBuilder['customize'].sections.customize_posts;
1699
+ self.switchCustomizerSection('individual_elements', individual_elements, true, true);
1700
+ sbiBuilder.$forceUpdate();
1701
  },
1702
 
1703
+ changeSettingValue: function (settingID, value, doProcess = true, ajaxAction = false) {
1704
  var self = this;
1705
+ if (settingID == 'layout' && value !== 'grid') {
1706
  self.viewsActive.extensionsPopupElement = 'feedLayout';
1707
+ } else if (settingID == 'headerstyle' && value !== 'standard') {
1708
  self.viewsActive.extensionsPopupElement = 'headerLayout';
1709
+ } else if (settingID == 'sortby' && value == 'likes') {
1710
+ window.open('https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=load-more', '_blank');
1711
  }
1712
+ else {
1713
+ if (doProcess) {
1714
  self.customizerFeedData.settings[settingID] = value;
1715
  }
1716
+ if (ajaxAction !== false) {
1717
  self.customizerControlAjaxAction(ajaxAction, settingID);
1718
  }
1719
  self.regenerateLayout(settingID);
1722
  },
1723
 
1724
  //Shortcode Global Layout Settings
1725
+ regenerateLayout: function (settingID) {
1726
  var self = this,
1727
+ regenerateFeedHTML = [
1728
  'layout'
1729
  ],
1730
  relayoutFeed = [
1745
  'highlighthashtag',
1746
  'imagepadding'
1747
  ];
1748
+ if (relayoutFeed.includes(settingID)) {
1749
+ setTimeout(function () {
1750
  self.setShortcodeGlobalSettings(true);
1751
  }, 200)
1752
  }
1755
 
1756
 
1757
  //Get Number of Columns depending on the Preview Screen
1758
+ getColsPreviewScreen: function () {
1759
  var self = this;
1760
+ if (self.getModerationShoppableMode) {
1761
  return 4;
1762
  }
1763
  switch (self.customizerScreens.previewScreen) {
1764
  case 'mobile':
1765
+ return self.customizerFeedData.settings.colsmobile
1766
  break;
1767
  case 'tablet':
1768
+ return self.customizerFeedData.settings.colstablet
1769
  break;
1770
  default:
1771
+ return self.customizerFeedData.settings.cols
1772
  break;
1773
  }
1774
  },
1775
 
1776
  //Get Post Number depending on the Preview Screen
1777
+ getPostNumberPreviewScreen: function () {
1778
  var self = this;
1779
  switch (self.customizerScreens.previewScreen) {
1780
  case 'mobile':
1781
+ return self.customizerFeedData.settings.nummobile
1782
  break;
1783
  case 'tablet':
1784
+ return self.customizerFeedData.settings.nummobile
1785
  break;
1786
  default:
1787
+ return self.customizerFeedData.settings.num
1788
  break;
1789
  }
1790
  },
1791
 
1792
  //Get Customizer Additional CSS Classes
1793
+ getAdditionalCustomizerClasses: function () {
1794
  var self = this,
1795
  additionalCssClasses = '';
1796
+ if (self.getModerationShoppableMode) {
1797
  additionalCssClasses += ' sbi-customizer-ms-modes ';
1798
  }
1799
  return additionalCssClasses;
1800
  },
1801
 
1802
  //Shortcode Global Layout Settings
1803
+ setShortcodeGlobalSettings: function (flyPreview = false) {
1804
  var self = this,
1805
  instagramFeed = jQuery("html").find("#sb_instagram"),
1806
  feedSettings = self.jsonParse(instagramFeed.attr('data-options')),
1807
  customizerSettings = self.customizerFeedData.settings;
1808
+ if (JSON.stringify(self.feedSettingsDomOptions) !== JSON.stringify(feedSettings) || flyPreview == true) {
1809
+ if (customizerSettings.layout == 'grid' || self.getModerationShoppableMode) {
1810
  feedSettings = self.gridShortcodeSettings(feedSettings, instagramFeed);
1811
  }
1812
+ else if (customizerSettings.layout == 'carousel') {
1813
  feedSettings = self.carouselShortcodeSettings(feedSettings, instagramFeed, customizerSettings);
1814
  }
1815
+ else if (customizerSettings.layout == 'masonry') {
1816
  feedSettings = self.masonryShortcodeSettings(feedSettings, instagramFeed, customizerSettings);
1817
  }
1818
+ else if (customizerSettings.layout == 'highlight') {
1819
  feedSettings = self.highlightShortcodeSettings(feedSettings, instagramFeed, customizerSettings);
1820
  }
1821
 
1822
+ if (flyPreview === true) {
1823
+ if (customizerSettings['id'][0] !== undefined) {
1824
+ var headerSourceId = customizerSettings['id'][0];
1825
+ newHeaderData = null;
1826
+ var newHeaderDataMap = self.sourcesList.map(function (source) {
1827
+ if (source.account_id === headerSourceId) {
1828
+ newHeaderData = source != undefined ? source : null;
 
 
 
 
 
1829
  }
1830
+ });
1831
+ if (newHeaderData !== null && newHeaderData.header_data !== null) {
1832
+ self.customizerFeedData.header = newHeaderData;
1833
+ self.customizerFeedData.headerData = newHeaderData.header_data;
1834
  }
1835
  }
 
 
 
 
 
1836
  }
1837
+ instagramFeed.attr("data-options", JSON.stringify(feedSettings));
1838
+ //setTimeout(function(){
1839
+ window.sbi_init()
1840
+ //},200)
1841
+ self.feedSettingsDomOptions = feedSettings;
1842
+ }
1843
+ jQuery('body').find('#sbi_load .sbi_load_btn').unbind('click')
1844
  },
1845
 
1846
  //Grid Shortcode Settings
1847
+ gridShortcodeSettings: function (feedSettings, instagramFeed) {
1848
  var self = this;
1849
  feedSettings['grid'] = true;
1850
  self.destroyHighlightLayout(instagramFeed);
1857
  },
1858
 
1859
  //Masonry Shortcode Settings
1860
+ masonryShortcodeSettings: function (feedSettings, instagramFeed) {
1861
  var self = this;
1862
  feedSettings['masonry'] = true;
1863
  self.destroyHighlightLayout(instagramFeed);
1870
  },
1871
 
1872
  //Carousel Shortcode Settings
1873
+ carouselShortcodeSettings: function (feedSettings, instagramFeed, customizerSettings) {
1874
+ var self = this,
1875
+ arrows = self.valueIsEnabled(customizerSettings['carouselarrows']),
1876
+ pag = self.valueIsEnabled(customizerSettings['carouselpag']),
1877
+ autoplay = self.valueIsEnabled(customizerSettings['carouselautoplay']),
1878
+ time = autoplay ? parseInt(customizerSettings['carouseltime']) : false,
1879
+ loop = self.checkNotEmpty(customizerSettings['carouselloop']) && customizerSettings['carouselloop'] !== 'rewind' ? false : true,
1880
+ rows = customizerSettings['carouselrows'] ? Math.min(parseInt(customizerSettings['carouselrows']), 2) : 1;
1881
 
1882
  feedSettings['carousel'] = [arrows, pag, autoplay, time, loop, rows];
1883
  self.destoryOwl(instagramFeed);
1890
  },
1891
 
1892
  //Highlight Shortcode Settings
1893
+ highlightShortcodeSettings: function (feedSettings, instagramFeed, customizerSettings) {
1894
+ var self = this,
1895
+ type = customizerSettings['highlighttype'].trim();
1896
+ pattern = customizerSettings['highlightpattern'].trim();
1897
+ offset = parseInt(customizerSettings['highlightoffset']),
1898
+ hashtag = customizerSettings['highlighthashtag'].replace(',', '|').replace('#', '').replace(' ', '').trim(),
1899
+ ids = customizerSettings['highlightids'].replace(',', '|').replace('sbi_', '').replace(' ', '').trim();
1900
  feedSettings['highlight'] = [type, pattern, offset, hashtag, ids];
1901
 
1902
  self.destroyHighlightLayout(instagramFeed);
1911
 
1912
 
1913
  //destroy Owl
1914
+ destoryOwl: function (instagramFeed) {
1915
  var self = this;
1916
  var owlCarouselCtn = instagramFeed.find('.sbi_carousel');
1917
+ if (instagramFeed.find('#sbi_images').hasClass('sbi_carousel')) {
1918
  //self.customizerControlAjaxAction("feedFlyPreview");
1919
  /*
1920
  if( instagramFeed.hasClass('sbi_carousel_2_row') ){
1939
  owlCarouselCtn.find('.sbi-owl-item,.sbi-owl-stage,.sbi-owl-stage-outer,.sbi-owl-nav,.sbi-owl-nav').remove();
1940
  owlCarouselCtn.removeClass('sbi_carousel');
1941
  instagramFeed.removeClass('sbi_carousel_2_row');
1942
+ jQuery("#sb_instagram").removeClass('2rows');
1943
  owlCarouselCtn.sbiOwlCarousel('destroy');
1944
  */
1945
 
1947
  },
1948
 
1949
  //Destroy Masonry Layout
1950
+ destroyMasonryLayout: function (instagramFeed) {
1951
  var self = this;
1952
+ if (instagramFeed.hasClass('sbi_masonry')) {
1953
+ instagramFeed.find('#sbi_images').css({ 'height': 'unset' });
1954
+ instagramFeed.find('.sbi_item').each(function () {
1955
+ jQuery(this).attr({ 'style': '' });
1956
  });
1957
  jQuery("#sbi_images").smashotope('destroy');
1958
  instagramFeed.removeClass('sbi_masonry')
1961
 
1962
 
1963
  //Destroy Highlight Layout
1964
+ destroyHighlightLayout: function (instagramFeed) {
1965
  var self = this;
1966
+ if (instagramFeed.hasClass('sbi_highlight')) {
1967
+ instagramFeed.find('#sbi_images').css({ 'height': 'unset' });
1968
+ instagramFeed.find('.sbi_item').each(function () {
1969
+ jQuery(this).attr({ 'style': '' });
1970
  });
1971
  jQuery("#sbi_images").smashotope('destroy');
1972
  instagramFeed.removeClass('sbi_highlight')
1974
  },
1975
 
1976
  //Tablet Cols Classes
1977
+ getTabletColsClass: function () {
1978
  var self = this,
1979
  customizerSettings = self.customizerFeedData.settings;
1980
 
1981
+ return ' sbi_tab_col_' + parseInt(customizerSettings.colstablet);
1982
  },
1983
 
1984
  //Mobile Cols Classes
1985
+ getMobileColsClass: function () {
1986
  var self = this,
1987
  customizerSettings = self.customizerFeedData.settings,
1988
+ disableMobile = self.valueIsEnabled(customizerSettings.disablemobile);
1989
 
1990
+ if (disableMobile === 'false') disableMobile = '';
1991
 
1992
+ if (disableMobile !== ' sbi_disable_mobile' && customizerSettings.colsmobile !== 'same') {
1993
+ var colsmobile = parseInt(customizerSettings.colsmobile) > 0 ? parseInt(customizerSettings.colsmobile) : 'auto';
1994
  return ' sbi_mob_col_' + colsmobile;
1995
+ } else {
1996
+ var colsmobile = parseInt(customizerSettings.cols) > 0 ? parseInt(customizerSettings.cols) : 4;
1997
+ return ' sbi_disable_mobile sbi_mob_col_' + parseInt(customizerSettings.cols);
1998
 
1999
  }
2000
  },
2001
 
2002
  //Header Classes
2003
+ getHeaderClass: function (headerType) {
2004
+ //return ' header';
2005
 
2006
+ var self = this,
2007
  customizerSettings = self.customizerFeedData.settings,
2008
  headerClasses = 'sb_instagram_header ';
2009
 
2013
  headerClasses += ['medium', 'large'].includes(customizerSettings['headersize']) ? ' sbi_' + customizerSettings['headersize'] : '';
2014
  headerClasses += self.getHeaderAvatar() === false ? ' sbi_no_avatar' : '';
2015
  headerClasses += self.getPaletteClass('_header');
2016
+ if (customizerSettings.headeroutside) {
2017
+ headerClasses += ' sbi_header_outside';
2018
+ }
2019
  return headerClasses;
2020
  },
2021
 
2022
  //Header Name
2023
+ getHeaderName: function () {
2024
  var self = this,
2025
+ headerData = self.customizerFeedData.headerData;
2026
+ if (self.hasOwnNestedProperty(headerData, 'name') && self.checkNotEmpty(headerData['name'])) {
2027
  return headerData['name'];
2028
+ } else if (self.hasOwnNestedProperty(headerData, 'data.full_name')) {
2029
  return headerData['data']['full_name'];
2030
  }
2031
  return self.getHeaderUserName();
2032
  },
2033
 
2034
  //Header User Name
2035
+ getHeaderUserName: function () {
2036
  var self = this,
2037
+ headerData = self.customizerFeedData.headerData;
2038
+ if (self.hasOwnNestedProperty(headerData, 'username') && self.checkNotEmpty(headerData['username'])) {
2039
  return headerData['username'];
2040
+ } else if (self.hasOwnNestedProperty(headerData, 'user.username')) {
2041
  return headerData['user']['username'];
2042
+ } else if (self.hasOwnNestedProperty(headerData, 'data.username')) {
2043
  return headerData['data']['username'];
2044
  }
2045
  return '';
2046
  },
2047
 
2048
  //Header Media Count
2049
+ getHeaderMediaCount: function () {
2050
  var self = this,
2051
+ headerData = self.customizerFeedData.headerData;
2052
+ if (self.hasOwnNestedProperty(headerData, 'data.counts.media')) {
2053
  return headerData['data']['counts']['media'];
2054
+ } else if (self.hasOwnNestedProperty(headerData, 'counts.media')) {
2055
  return headerData['counts']['media'];
2056
+ } else if (self.hasOwnNestedProperty(headerData, 'media_count')) {
2057
  return headerData['media_count'];
2058
  }
2059
  return '';
2060
  },
2061
 
2062
  //Header Followers Count
2063
+ getHeaderFollowersCount: function () {
2064
  var self = this,
2065
+ headerData = self.customizerFeedData.headerData;
2066
+ if (self.hasOwnNestedProperty(headerData, 'data.counts.followed_by')) {
2067
  return headerData['data']['counts']['followed_by'];
2068
+ } else if (self.hasOwnNestedProperty(headerData, 'counts.followed_by')) {
2069
  return headerData['counts']['followed_by'];
2070
+ } else if (self.hasOwnNestedProperty(headerData, 'followers_count')) {
2071
  return headerData['followers_count'];
2072
  }
2073
  return '';
2074
  },
2075
 
2076
  //Header Avatar
2077
+ getHeaderAvatar: function () {
2078
  var self = this,
2079
+ customizerSettings = self.customizerFeedData.settings,
2080
+ headerData = self.customizerFeedData.headerData,
2081
+ header = self.customizerFeedData.header;
2082
+ if (self.checkNotEmpty(customizerSettings['customavatar'])) {
2083
  return customizerSettings['customavatar'];
2084
+ } else if (header['local_avatar_url'] != false && self.checkNotEmpty(header['local_avatar_url'])) {
2085
  return header['local_avatar_url'];
2086
+ } else {
2087
+ if (self.hasOwnNestedProperty(headerData, 'profile_picture')) {
2088
  return headerData['profile_picture'];
2089
+ } else if (self.hasOwnNestedProperty(headerData, 'profile_picture_url')) {
2090
  return headerData['profile_picture_url'];
2091
+ } else if (self.hasOwnNestedProperty(headerData, 'user.profile_picture')) {
2092
  return headerData['user']['profile_picture'];
2093
+ } else if (self.hasOwnNestedProperty(headerData, 'data.profile_picture')) {
2094
  return headerData['data']['profile_picture'];
2095
  }
2096
  }
2097
+ return self.pluginUrl + 'img/thumb-placeholder.png';
2098
  },
2099
 
2100
  //Header Bio
2101
+ getHeaderBio: function () {
2102
  var self = this,
2103
+ customizerSettings = self.customizerFeedData.settings,
2104
+ headerData = self.customizerFeedData.headerData;
2105
 
2106
+ if (self.checkNotEmpty(customizerSettings['custombio'])) {
2107
  return customizerSettings['custombio'];
2108
+ } else if (self.hasOwnNestedProperty(headerData, 'data.bio')) {
2109
+ return headerData['data']['bio'];
2110
+ } else if (self.hasOwnNestedProperty(headerData, 'bio')) {
2111
+ return headerData['bio'];
2112
+ } else if (self.hasOwnNestedProperty(headerData, 'biography')) {
2113
+ return headerData['biography'];
2114
  }
2115
  return '';
2116
  },
2117
 
2118
 
2119
  //Header Text Class
2120
+ getTextHeaderClass: function () {
2121
  var self = this,
2122
+ customizerSettings = self.customizerFeedData.settings,
2123
+ headerData = self.customizerFeedData.headerData,
2124
+ headerClass = 'sbi_header_text ',
2125
+ shouldShowBio = self.checkNotEmpty(self.getHeaderBio()) ? self.valueIsEnabled(customizerSettings['showbio']) : false,
2126
+ shouldShowInfo = shouldShowBio || self.valueIsEnabled(customizerSettings['showfollowers']);
2127
+ headerClass += !shouldShowBio ? 'sbi_no_bio ' : '',
2128
+ headerClass += !shouldShowInfo ? 'sbi_no_info' : '';
2129
 
2130
  return headerClass;
2131
  },
2132
 
2133
  //Get Story Delays
2134
+ getStoryDelays: function () {
2135
  var self = this,
2136
+ customizerSettings = self.customizerFeedData.settings;
2137
+ return self.checkNotEmpty(customizerSettings['storiestime']) ? Math.max(500, parseInt(customizerSettings['storiestime'])) : 5000;
2138
  },
2139
 
2140
  //Get Story Data
2141
+ getStoryData: function () {
2142
  var self = this,
2143
+ customizerSettings = self.customizerFeedData.settings,
2144
+ headerData = self.customizerFeedData.headerData;
2145
+ if (self.hasOwnNestedProperty(headerData, 'stories') && headerData.stories.length > 0 && self.valueIsEnabled(customizerSettings['stories'])) {
2146
  return headerData['stories'];
2147
  }
2148
  return false;
2150
 
2151
 
2152
  //Image Chooser
2153
+ imageChooser: function (settingID) {
2154
+ var self = this;
2155
+ var uploader = wp.media({
2156
+ frame: 'post',
2157
+ title: 'Media Uploader',
2158
+ button: { text: 'Choose Media' },
2159
+ library: { type: 'image' },
2160
+ multiple: false
2161
+ }).on('close', function () {
2162
+ var selection = uploader.state().get('selection');
2163
+ if (selection.length != 0) {
2164
+ attachment = selection.first().toJSON();
2165
+ self.customizerFeedData.settings[settingID] = attachment.url;
2166
+ }
2167
+ }).open();
2168
  },
2169
 
2170
  //Change Switcher Settings
2171
+ changeSwitcherSettingValue: function (settingID, onValue, offValue, ajaxAction = false) {
2172
  var self = this;
2173
  self.customizerFeedData.settings[settingID] = self.customizerFeedData.settings[settingID] == onValue ? offValue : onValue;
2174
+ if (ajaxAction !== false) {
2175
  self.customizerControlAjaxAction(ajaxAction);
2176
  }
2177
 
2178
+ if (settingID == 'disablelightbox' || settingID == 'shoppablefeed') {
2179
+ if (self.valueIsEnabled(self.customizerFeedData.settings['disablelightbox']) || self.valueIsEnabled(self.customizerFeedData.settings['shoppablefeed'])) {
2180
  jQuery('body').find('.sbi_link').addClass('sbi_disable_lightbox');
2181
+ } else {
2182
  jQuery('body').find('.sbi_link').removeClass('sbi_disable_lightbox');
2183
  }
2184
  }
2187
  },
2188
 
2189
  //Checkbox List
2190
+ changeCheckboxListValue: function (settingID, value, ajaxAction = false) {
2191
  var self = this,
2192
+ settingValue = self.customizerFeedData.settings[settingID].split(',');
2193
+ if (!Array.isArray(settingValue)) {
2194
  settingValue = [settingValue];
2195
  }
2196
+ if (settingValue.includes(value)) {
2197
+ settingValue.splice(settingValue.indexOf(value), 1);
2198
+ } else {
2199
  settingValue.push(value);
2200
  }
2201
  self.customizerFeedData.settings[settingID] = settingValue.join(',');
2203
 
2204
 
2205
  //Section Checkbox
2206
+ changeCheckboxSectionValue: function (settingID, value, ajaxAction = false) {
2207
  var self = this;
2208
  var settingValue = self.customizerFeedData.settings[settingID];
2209
+ if (!Array.isArray(settingValue) && settingID == 'type') {
2210
  settingValue = [settingValue];
2211
  }
2212
+ if (settingValue.includes(value)) {
2213
+ settingValue.splice(settingValue.indexOf(value), 1);
2214
+ } else {
2215
  settingValue.push(value);
2216
  }
2217
+ if (settingID == 'type') {
2218
+ self.processFeedTypesSources(settingValue);
2219
  }
2220
  //settingValue = (settingValue.length == 1 && settingID == 'type') ? settingValue[0] : settingValue;
2221
  self.customizerFeedData.settings[settingID] = settingValue;
2222
+ if (ajaxAction !== false) {
2223
  self.customizerControlAjaxAction(ajaxAction);
2224
  }
2225
  event.stopPropagation()
2226
 
2227
  },
2228
+ checkboxSectionValueExists: function (settingID, value) {
2229
  var self = this;
2230
  var settingValue = self.customizerFeedData.settings[settingID];
2231
  return settingValue.includes(value) ? true : false;
2236
  *
2237
  * @since 4.0
2238
  */
2239
+ checkControlCondition: function (conditionsArray = [], checkExtensionActive = false, checkExtensionActiveDimmed = false) {
2240
  var self = this,
2241
+ isConditionTrue = 0;
2242
+ Object.keys(conditionsArray).map(function (condition, index) {
2243
+ if (conditionsArray[condition].indexOf(self.customizerFeedData.settings[condition]) !== -1)
2244
  isConditionTrue += 1
2245
  });
2246
  var extensionCondition = checkExtensionActive != undefined && checkExtensionActive != false ? self.checkExtensionActive(checkExtensionActive) : true,
2247
  extensionCondition = checkExtensionActiveDimmed != undefined && checkExtensionActiveDimmed != false && !self.checkExtensionActive(checkExtensionActiveDimmed) ? false : extensionCondition;
2248
 
2249
+ return (isConditionTrue == Object.keys(conditionsArray).length) ? (extensionCondition) : false;
2250
  },
2251
 
2252
  /**
2254
  *
2255
  * @since 4.0
2256
  */
2257
+ checkControlOverrideColor: function (overrideConditionsArray = []) {
2258
  var self = this,
2259
+ isConditionTrue = 0;
2260
+ overrideConditionsArray.map(function (condition, index) {
2261
+ if (self.checkNotEmpty(self.customizerFeedData.settings[condition]) && self.customizerFeedData.settings[condition].replace(/ /gi, '') != '#') {
2262
  isConditionTrue += 1
2263
  }
2264
  });
2270
  *
2271
  * @since 4.0
2272
  */
2273
+ isControlShown: function (control) {
2274
  var self = this;
2275
+ if (control.checkViewDisabled != undefined) {
2276
  return !self.viewsActive[control.checkViewDisabled];
2277
  }
2278
+ if (control.checkView != undefined) {
2279
  return !self.viewsActive[control.checkView];
2280
  }
2281
 
2282
+ if (control.checkExtension != undefined && control.checkExtension != false && !self.checkExtensionActive(control.checkExtension)) {
2283
  return self.checkExtensionActive(control.checkExtension);
2284
  }
2285
 
2286
+ if (control.conditionDimmed != undefined && self.checkControlCondition(control.conditionDimmed))
2287
  return self.checkControlCondition(control.conditionDimmed);
2288
+ if (control.overrideColorCondition != undefined) {
2289
+ return self.checkControlOverrideColor(control.overrideColorCondition);
2290
  }
2291
 
2292
+ return (control.conditionHide != undefined && control.condition != undefined || control.checkExtension != undefined)
2293
  ? self.checkControlCondition(control.condition, control.checkExtension)
2294
  : true;
2295
  },
2296
 
2297
+ checkExtensionActive: function (extension) {
2298
  var self = this;
2299
  return self.activeExtensions[extension];
2300
  },
2301
 
2302
+ expandSourceInfo: function (sourceId) {
2303
  var self = this;
2304
  self.customizerScreens.sourceExpanded = (self.customizerScreens.sourceExpanded === sourceId) ? null : sourceId;
2305
  window.event.stopPropagation()
2306
  },
2307
 
2308
+ resetColor: function (controlId) {
2309
  this.customizerFeedData.settings[controlId] = '';
2310
  },
2311
 
2312
  //Source Active Customizer
2313
+ isSourceActiveCustomizer: function (source) {
2314
  var self = this;
2315
  return (
2316
+ Array.isArray(self.customizerFeedData.settings.sources.map) ||
2317
+ self.customizerFeedData.settings.sources instanceof Object
2318
+ ) &&
2319
  self.customizerScreens.sourcesChoosed.map(s => s.account_id).includes(source.account_id);
2320
+ //self.customizerFeedData.settings.sources.map(s => s.account_id).includes(source.account_id);
2321
  },
2322
  //Choose Source From Customizer
2323
+ selectSourceCustomizer: function (source, isRemove = false) {
2324
  var self = this,
2325
+ isMultifeed = (self.activeExtensions['multifeed'] !== undefined && self.activeExtensions['multifeed'] == true),
2326
+ sourcesListMap = Array.isArray(self.customizerFeedData.settings.sources) || self.customizerFeedData.settings.sources instanceof Object ? self.customizerFeedData.settings.sources.map(s => s.account_id) : [];
2327
+ if (isMultifeed) {
2328
+ if (self.customizerScreens.sourcesChoosed.map(s => s.account_id).includes(source.account_id)) {
2329
  var indexToRemove = self.customizerScreens.sourcesChoosed.findIndex(src => src.account_id === source.account_id);
2330
  self.customizerScreens.sourcesChoosed.splice(indexToRemove, 1);
2331
+ if (isRemove) {
2332
  self.customizerFeedData.settings.sources.splice(indexToRemove, 1);
2333
  }
2334
+ } else {
2335
  self.customizerScreens.sourcesChoosed.push(source);
2336
  }
2337
+ } else {
2338
  self.customizerScreens.sourcesChoosed = (sourcesListMap.includes(source)) ? [] : [source];
2339
  }
2340
  sbiBuilder.$forceUpdate();
2341
  },
2342
+ closeSourceCustomizer: function () {
2343
  var self = this;
2344
  self.viewsActive['sourcePopup'] = false;
2345
  //self.customizerFeedData.settings.sources = self.customizerScreens.sourcesChoosed;
2346
  sbiBuilder.$forceUpdate();
2347
  },
2348
+ customizerFeedTypePrint: function () {
2349
  var self = this,
2350
+ combinedTypes = self.feedTypes.concat(self.advancedFeedTypes);
2351
+ result = combinedTypes.filter(function (tp) {
2352
  return tp.type === self.customizerFeedData.settings.feedtype
2353
  });
2354
  self.customizerScreens.printedType = result.length > 0 ? result[0] : [];
2355
  return result.length > 0 ? true : false;
2356
  },
2357
+ choosedFeedTypeCustomizer: function (feedType) {
2358
  var self = this, result = false;
2359
+ if (
2360
  (self.viewsActive.feedTypeElement === null && self.customizerFeedData.settings.feedtype === feedType) ||
2361
  (self.viewsActive.feedTypeElement !== null && self.viewsActive.feedTypeElement == feedType)
2362
+ ) {
2363
  result = true;
2364
  }
2365
  return result;
2366
  },
2367
+ updateFeedTypeCustomizer: function () {
2368
  var self = this;
2369
  if (self.viewsActive.feedTypeElement === 'socialwall') {
2370
  window.location.href = sbi_builder.pluginsInfo.social_wall.settingsPage;
2371
  return;
2372
  }
2373
+ self.setType(self.viewsActive.feedTypeElement);
2374
 
2375
  self.customizerFeedData.settings.feedtype = self.viewsActive.feedTypeElement;
2376
  self.viewsActive.feedTypeElement = null;
2378
  self.customizerControlAjaxAction('feedFlyPreview');
2379
  sbiBuilder.$forceUpdate();
2380
  },
2381
+ updateInputWidth: function () {
2382
  this.customizerScreens.inputNameWidth = ((document.getElementById("sbi-csz-hd-input").value.length + 6) * 8) + 'px';
2383
  },
2384
 
2385
+ feedPreviewMaker: function () {
2386
  var self = this;
2387
  return self.template;
2388
  //return self.template == null ? null : "<div>" + self.template + "</div>";
2389
  },
2390
 
2391
+ customizerStyleMaker: function () {
2392
  var self = this;
2393
+ if (self.customizerSidebarBuilder) {
2394
  self.feedStyle = '';
2395
+ Object.values(self.customizerSidebarBuilder).map(function (tab) {
2396
+ self.customizerSectionStyle(tab.sections);
2397
  });
2398
  return '<style type="text/css">' + self.feedStyle + '</style>';
2399
  }
2400
  return false;
2401
  },
2402
 
2403
+ escapeHTML: function (text) {
2404
+ return text.replace(/&/g, "&amp;")
2405
+ .replace(/</g, "&lt;")
2406
+ .replace(/>/g, "&gt;")
2407
+ .replace(/"/g, "&quot;")
2408
+ .replace(/'/g, "&#039;");
2409
+ },
2410
+
2411
  /**
2412
  * Get Feed Preview Global CSS Class
2413
  *
2414
  * @since 4.0
2415
  * @return String
2416
  */
2417
+ getPaletteClass: function (context = '') {
2418
  var self = this,
2419
  colorPalette = self.customizerFeedData.settings.colorpalette;
2420
 
2421
+ if (self.checkNotEmpty(colorPalette)) {
2422
+ var feedID = colorPalette === 'custom' ? ('_' + self.customizerFeedData.feed_info.id) : '';
2423
+ return colorPalette !== 'inherit' ? ' sbi' + context + '_palette_' + colorPalette + feedID : '';
2424
  }
2425
  return '';
2426
  },
2427
 
2428
+ customizerSectionStyle: function (sections) {
2429
  var self = this;
2430
+ Object.values(sections).map(function (section) {
2431
+ if (section.controls) {
2432
+ Object.values(section.controls).map(function (control) {
2433
  self.returnControlStyle(control);
2434
  });
2435
  }
2436
+ if (section.nested_sections) {
2437
+ self.customizerSectionStyle(section.nested_sections);
2438
+ Object.values(section.nested_sections).map(function (nestedSections) {
2439
+ Object.values(nestedSections.controls).map(function (nestedControl) {
2440
+ if (nestedControl.section) {
2441
+ self.customizerSectionStyle(nestedControl);
2442
+ }
2443
  });
2444
+ });
2445
  }
2446
  });
2447
  },
2448
+ returnControlStyle: function (control) {
2449
  var self = this;
2450
+ if (control.style) {
2451
+ Object.entries(control.style).map(function (css) {
2452
  var condition = control.condition != undefined || control.checkExtension != undefined ? self.checkControlCondition(control.condition, control.checkExtension) : true;
2453
+ if (condition) {
2454
  self.feedStyle +=
2455
  css[0] + '{' +
2456
+ css[1].replace("{{value}}", self.customizerFeedData.settings[control.id]) +
2457
  '}';
2458
  }
2459
  });
2470
  *
2471
  * @since 6.0
2472
  */
2473
+ customizerControlAjaxAction: function (actionType, settingID = false) {
2474
  var self = this;
2475
  switch (actionType) {
2476
  case 'feedFlyPreview':
2477
  self.loadingBar = true;
2478
  self.templateRender = false;
2479
  var previewFeedData = {
2480
+ action: 'sbi_feed_saver_manager_fly_preview',
2481
+ feedID: self.customizerFeedData.feed_info.id,
2482
+ previewSettings: self.customizerFeedData.settings,
2483
+ feedName: self.customizerFeedData.feed_info.feed_name,
2484
  };
2485
+ if (self.getModerationShoppableMode) {
2486
  previewFeedData['moderationShoppableMode'] = true;
2487
  previewFeedData['offset'] = self.moderationShoppableModeOffset;
2488
  }
2489
 
2490
 
2491
+ self.ajaxPost(previewFeedData, function (_ref) {
2492
  var data = _ref.data;
2493
+ if (data !== false) {
2494
  self.updatedTimeStamp = new Date().getTime();
2495
+ self.template = String("<div>" + data + "</div>");
2496
  self.moderationShoppableModeAjaxDone = self.getModerationShoppableMode ? true : false;
2497
  self.processNotification("previewUpdated");
2498
+ } else {
2499
  self.processNotification("unkownError");
2500
  }
2501
  jQuery('body').find('#sbi_load .sbi_load_btn').unbind('click')
2502
  });
2503
+ break;
2504
  case 'feedPreviewRender':
2505
+ setTimeout(function () {
2506
  }, 150);
2507
+ break;
2508
  }
2509
  },
2510
 
2514
  *
2515
  * @since 4.0
2516
  */
2517
+ saveFeedSettings: function (leavePage = false) {
2518
  var self = this,
2519
  sources = [],
2520
  updateFeedData = {
2521
+ action: 'sbi_feed_saver_manager_builder_update',
2522
+ update_feed: 'true',
2523
+ feed_id: self.customizerFeedData.feed_info.id,
2524
+ feed_name: self.customizerFeedData.feed_info.feed_name,
2525
+ settings: self.customizerFeedData.settings,
2526
+ sources: self.getFeedIdSourcesSaver(),
2527
+ tagged: self.getFeedIdSourcesTaggedSaver(),
2528
+ hashtag: self.getFeedHashtagsSaver(),
2529
+ type: self.getFeedTypeSaver(),
2530
+ shoppablelist: self.customizerFeedData.settings.shoppablelist,
2531
+ moderationlist: self.customizerFeedData.settings.moderationlist
2532
  };
2533
  self.loadingBar = true;
2534
+ self.ajaxPost(updateFeedData, function (_ref) {
2535
  var data = _ref.data;
2536
+ if (data && data.success === true) {
2537
  self.processNotification('feedSaved');
2538
  self.customizerFeedDataInitial = self.customizerFeedData;
2539
+ if (leavePage === true) {
2540
+ setTimeout(function () {
2541
  window.location.href = self.builderUrl;
2542
  }, 1500)
2543
  }
2544
+ } else {
2545
  self.processNotification('feedSavedError');
2546
  }
2547
  });
2553
  * Update Feed Preview Too
2554
  * @since 4.0
2555
  */
2556
+ clearSingleFeedCache: function () {
2557
  var self = this,
2558
  sources = [],
2559
  clearFeedData = {
2560
+ action: 'sbi_feed_saver_manager_clear_single_feed_cache',
2561
+ feedID: self.customizerFeedData.feed_info.id,
2562
+ previewSettings: self.customizerFeedData.settings,
2563
+ feedName: self.customizerFeedData.feed_info.feed_name,
2564
  };
2565
  self.loadingBar = true;
2566
+ self.ajaxPost(clearFeedData, function (_ref) {
2567
  var data = _ref.data;
2568
+ if (data !== false) {
2569
 
2570
  self.processNotification('cacheCleared');
2571
+ } else {
2572
  self.processNotification("unkownError");
2573
  }
2574
  })
2580
  *
2581
  * @since 4.0
2582
  */
2583
+ resetColorOverride: function (settingID) {
2584
  this.customizerFeedData.settings[settingID] = '';
2585
  },
2586
 
2589
  *
2590
  * @since 4.0
2591
  */
2592
+ moderationModePagination: function (type) {
2593
  var self = this;
2594
+ if (type == 'next') {
2595
  self.moderationShoppableModeOffset = self.moderationShoppableModeOffset + 1;
2596
  }
2597
+ if (type == 'previous') {
2598
+ self.moderationShoppableModeOffset = self.moderationShoppableModeOffset > 0 ? (self.moderationShoppableModeOffset - 1) : 0;
2599
  }
2600
 
2601
  self.customizerControlAjaxAction('feedFlyPreview');
2607
  *
2608
  * @since 4.0
2609
  */
2610
+ removeSourceCustomizer: function (type, args = []) {
2611
  var self = this;
2612
+ Object.assign(self.customizerScreens.sourcesChoosed, self.customizerFeedData.settings.sources);
2613
  self.selectSourceCustomizer(args, true);
2614
  sbiBuilder.$forceUpdate();
2615
  window.event.stopPropagation();
2620
  * Action
2621
  * @since 6.0
2622
  */
2623
+ fieldCustomClickAction: function (clickAction) {
2624
  var self = this;
2625
  switch (clickAction) {
2626
  case 'clearCommentCache':
2627
  self.clearCommentCache();
2628
+ break;
2629
  }
2630
  },
2631
 
2634
  * Action
2635
  * @since 6.0
2636
  */
2637
+ clearCommentCache: function () {
2638
  var self = this;
2639
+ self.loadingBar = true;
2640
+ var clearCommentCacheData = {
2641
+ action: 'sbi_feed_saver_manager_clear_comments_cache',
2642
+ };
2643
+ self.ajaxPost(clearCommentCacheData, function (_ref) {
2644
+ var data = _ref.data;
2645
+ if (data === 'success') {
2646
+ self.processNotification("commentCacheCleared");
2647
+ } else {
2648
+ self.processNotification("unkownError");
2649
+ }
2650
+ });
2651
+ },
2652
 
2653
 
2654
  /**
2656
  *
2657
  * @since 4.0
2658
  */
2659
+ openDialogBox: function (type, args = []) {
2660
  var self = this,
2661
+ heading = self.dialogBoxPopupScreen[type].heading,
2662
+ description = self.dialogBoxPopupScreen[type].description,
2663
+ customButtons = self.dialogBoxPopupScreen[type].customButtons;
2664
  switch (type) {
2665
  case "deleteSourceCustomizer":
2666
  self.sourceToDelete = args;
2667
  heading = heading.replace("#", self.sourceToDelete.username);
2668
+ break;
2669
  case "deleteSingleFeed":
2670
  self.feedToDelete = args;
2671
  heading = heading.replace("#", self.feedToDelete.feed_name);
2672
+ break;
2673
  }
2674
  self.dialogBox = {
2675
+ active: true,
2676
+ type: type,
2677
+ heading: heading,
2678
+ description: description,
2679
+ customButtons: customButtons
2680
  };
2681
  window.event.stopPropagation();
2682
  },
2686
  *
2687
  * @since 4.0
2688
  */
2689
+ confirmDialogAction: function () {
2690
  var self = this;
2691
  switch (self.dialogBox.type) {
2692
  case 'deleteSourceCustomizer':
2693
  self.selectSourceCustomizer(self.sourceToDelete, true);
2694
  self.customizerControlAjaxAction('feedFlyPreview');
2695
+ break;
2696
  case 'deleteSingleFeed':
2697
  self.feedActionDelete([self.feedToDelete.id]);
2698
+ break;
2699
  case 'deleteMultipleFeeds':
2700
  self.feedActionDelete(self.feedsSelected);
2701
+ break;
2702
  case 'backAllToFeed':
2703
  //Save & Exist;
2704
  self.saveFeedSettings(true);
2705
+ break;
2706
  case 'unsavedFeedSources':
2707
  self.updateFeedTypeAndSourcesCustomizer();
2708
+ break;
2709
  }
2710
  },
2711
 
2727
  *
2728
  * @since 4.0
2729
  */
2730
+ toggleElementTooltip: function (tooltipText, type, align = 'center') {
2731
  var self = this,
2732
  target = window.event.currentTarget,
2733
  tooltip = (target != undefined && target != null) ? document.querySelector('.sb-control-elem-tltp-content') : null;
2734
+ if (tooltip != null && type == 'show') {
2735
  self.tooltip.text = tooltipText;
2736
  var position = target.getBoundingClientRect(),
2737
  left = position.left + 10,
2738
  top = position.top - 10;
2739
  tooltip.style.left = left + 'px';
2740
  tooltip.style.top = top + 'px';
2741
+ tooltip.style.textAlign = align;
2742
  self.tooltip.hover = true;
2743
  }
2744
+ if (type == 'hide') {
2745
+ setTimeout(function () {
2746
+ if (self.tooltip.hoverType != 'inside') {
2747
  self.tooltip.hover = false;
2748
  }
2749
  }, 200)
2755
  *
2756
  * @since 4.0
2757
  */
2758
+ hoverTooltip: function (type, hoverType) {
2759
  this.tooltip.hover = type;
2760
  this.tooltip.hoverType = hoverType;
2761
  },
2765
  *
2766
  * @since 4.0
2767
  */
2768
+ processNotification: function (notificationType) {
2769
  var self = this,
2770
+ notification = self.genericText.notification[notificationType];
2771
  self.loadingBar = false;
2772
+ self.notificationElement = {
2773
+ type: notification.type,
2774
+ text: notification.text,
2775
+ shown: "shown"
2776
  };
2777
+ setTimeout(function () {
2778
+ self.notificationElement.shown = "hidden";
2779
  }, 5000);
2780
  },
2781
 
2786
  *
2787
  * @return string
2788
  */
2789
+ returnAccountAvatar: function (source) {
2790
  if (typeof source.local_avatar_url !== "undefined" && source.local_avatar_url !== '') {
2791
  return source.local_avatar_url;
2792
  }
2807
  *
2808
  * @return string
2809
  */
2810
+ getPostCaption: function (caption, postID) {
2811
  var self = this,
2812
  customizerSettings = self.customizerFeedData.settings;
2813
+ caption = caption.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/&lt;br&gt;|&lt;br \/&gt;/g, '<br>');
2814
+ if (self.checkNotEmpty(customizerSettings.captionlength)) {
2815
  return '<span class="sbi_caption">' +
2816
+ (self.expandedCaptions.includes(postID) ? caption : caption.substring(0, parseInt(customizerSettings.captionlength))) +
2817
+ '</span>' +
2818
+ (caption.length > parseInt(customizerSettings.captionlength) ? '<span class="sbi_expand" style="display:inline-block;" onclick="sbiBuilderToggleCaption(' + postID + ')"> <a><span class="sbi_more">...</span></a></span>' : '');
2819
  }
2820
  var captionLength = !self.checkNotEmpty(customizerSettings.captionlength) ? 50 : parseInt(customizerSettings.captionlength);
2821
+ return '<span class="sbi_caption">' + caption.substring(0, captionLength) + '</span>';
2822
  },
2823
 
2824
  /**
2828
  *
2829
  * @return boolean
2830
  */
2831
+ checkPostShoppableFeed: function (postId) {
2832
  var self = this,
2833
  customizerSettings = self.customizerFeedData.settings;
2834
+ return typeof self.customizerFeedData.settings.shoppablelist === 'object' && customizerSettings.shoppablelist[postId] !== undefined;
2835
  },
2836
 
2837
  /**
2839
  *
2840
  * @since 6.0
2841
  */
2842
+ openPostShoppableFeed: function (postId, media, caption = '') {
2843
  var self = this,
2844
  customizerSettings = self.customizerFeedData.settings;
2845
  self.shoppableFeed.postId = postId;
2846
+ self.shoppableFeed.postShoppableUrl = (typeof self.customizerFeedData.settings.shoppablelist === 'object' && customizerSettings.shoppablelist[postId] !== undefined) ? customizerSettings.shoppablelist[postId] : '';
2847
  self.shoppableFeed.postMedia = media;
2848
  self.shoppableFeed.postCaption = caption;
2849
 
2854
  *
2855
  * @since 6.0
2856
  */
2857
+ addPostShoppableFeed: function () {
2858
  var self = this,
2859
  customizerSettings = self.customizerFeedData.settings;
2860
+ if (self.checkNotEmpty(self.shoppableFeed.postShoppableUrl)) {
2861
+ self.customizerFeedData.settings.shoppablelist = (typeof self.customizerFeedData.settings.shoppablelist === 'object') ? self.customizerFeedData.settings.shoppablelist : {};
2862
+ self.customizerFeedData.settings.shoppablelist[self.shoppableFeed.postId] = self.shoppableFeed.postShoppableUrl;
2863
  self.shoppableFeed = {
2864
+ postId: null,
2865
+ postMedia: null,
2866
+ postCaption: null,
2867
+ postShoppableUrl: ''
2868
  };
2869
+ } else {
2870
  delete self.customizerFeedData.settings.shoppablelist[self.shoppableFeed.postId];
2871
  }
2872
  },
2876
  *
2877
  * @since 6.0
2878
  */
2879
+ cancelPostShoppableFeed: function () {
2880
  var self = this;
2881
+ if (!self.checkNotEmpty(self.shoppableFeed.postShoppableUrl)) {
2882
  delete self.customizerFeedData.settings.shoppablelist[self.shoppableFeed.postId];
2883
  }
2884
 
2885
  self.shoppableFeed = {
2886
+ postId: null,
2887
+ postMedia: null,
2888
+ postCaption: null,
2889
+ postShoppableUrl: ''
2890
  };
2891
  },
2892
 
2895
  *
2896
  * @since 6.0
2897
  */
2898
+ openModerationMode: function () {
2899
  var self = this;
2900
+ Object.assign(self.moderationSettings, self.customizerFeedData.settings.moderationlist);
2901
  self.customBlockModerationlistTemp = `${self.customizerFeedData.settings.customBlockModerationlist}`;
2902
  self.activateView('moderationMode');
2903
+ },
2904
 
2905
  /**
2906
  * Switch Moderation List Type
2907
  *
2908
  * @since 6.0
2909
  */
2910
+ switchModerationListType: function (moderationlistType) {
2911
  var self = this;
2912
+ self.moderationSettings.list_type_selected = moderationlistType;
2913
+ },
2914
 
2915
  /**
2916
  * Switch Moderation List Type
2917
  *
2918
  * @since 6.0
2919
  */
2920
+ saveModerationSettings: function () {
2921
  var self = this;
2922
  Object.assign(self.customizerFeedData.settings.moderationlist, self.moderationSettings);
2923
  self.customizerFeedData.settings.customBlockModerationlist = `${self.customBlockModerationlistTemp}`;
2924
  self.activateView('moderationMode');
2925
+ },
2926
 
2927
+ /**
2928
  * Check Post in Moderation Mode
2929
  *
2930
  * @since 6.0
2931
  */
2932
+ checkPostModertationMode: function (postID) {
2933
  var self = this;
2934
+ if (self.moderationSettings.list_type_selected == "allow") {
2935
+ if (self.moderationSettings.allow_list.includes(postID) || self.moderationSettings.allow_list.includes(postID.toString())) {
2936
  return 'active';
2937
+ } else {
2938
  return 'inactive';
2939
  }
2940
  }
2941
+ if (self.moderationSettings.list_type_selected == "block") {
2942
+ var combinedBlockedList = Array.from(self.moderationSettings.block_list.concat(self.customBlockModerationlistTemp.split(',')));
2943
+ if (combinedBlockedList.includes(postID) || combinedBlockedList.includes(postID.toString())) {
2944
  return 'inactive';
2945
+ } else {
2946
  return 'active';
2947
  }
2948
  }
2949
+ },
2950
 
2951
+ checkPostModertationModeAttribute: function (postID) {
2952
+ return '';
2953
+ },
2954
 
2955
 
2956
 
2957
 
2958
 
2959
+ /**
2960
  * Add Post To Moderation List
2961
  * Depending on
2962
  *
2963
  * @since 6.0
2964
  */
2965
+ addPostToModerationList: function (postID) {
2966
  var self = this;
2967
+ if (self.moderationSettings.list_type_selected == "allow") {
2968
+ if (self.moderationSettings.allow_list.includes(postID)) {
2969
+ self.moderationSettings.allow_list.push(postID);
2970
+ self.moderationSettings.allow_list.splice(self.moderationSettings.allow_list.indexOf(postID), 1);
2971
+ self.moderationSettings.allow_list.splice(self.moderationSettings.allow_list.indexOf(postID.toString()), 1);
2972
+ } else {
2973
+ self.moderationSettings.allow_list.push(postID);
2974
  }
2975
  }
2976
 
2977
+ if (self.moderationSettings.list_type_selected == "block") {
2978
+ if (self.moderationSettings.block_list.includes(postID)) {
2979
+ self.moderationSettings.block_list.push(postID);
2980
+ self.moderationSettings.block_list.splice(self.moderationSettings.block_list.indexOf(postID), 1);
2981
+ self.moderationSettings.block_list.splice(self.moderationSettings.block_list.indexOf(postID.toString()), 1);
2982
+ } else {
2983
+ self.moderationSettings.block_list.push(postID);
2984
  }
2985
  }
2986
 
2987
+ },
2988
 
2989
 
2990
+ /**
2991
  * Choose Hashtag Order By
2992
  *
2993
  * @since 6.0
2994
  */
2995
+ selectedHastagOrderBy: function (orderBy) {
2996
+ if (this.customizerFeedData != undefined) {
2997
  this.customizerFeedData.settings.order = orderBy;
2998
+ } else {
2999
  this.hashtagOrderBy = orderBy;
3000
  }
3001
  },
3002
 
3003
+ ctaToggleFeatures: function () {
3004
  this.freeCtaShowFeatures = !this.freeCtaShowFeatures;
3005
+ },
3006
+
3007
+ /**
3008
+ * Check Personal Account Info
3009
+ *
3010
+ * @since 6.0.8
3011
+ */
3012
+ checkPeronalAccount: function () {
3013
+ let self = this;
3014
+ if (self.selectedSources.length > 0) {
3015
+ let sourceInfo = self.sourcesList.filter(function (source) {
3016
+ return source.account_id == self.selectedSources[0];
3017
+ });
3018
+ sourceInfo = sourceInfo[0] ? sourceInfo[0] : [];
3019
+ if (sourceInfo?.header_data?.account_type &&
3020
+ sourceInfo?.header_data?.account_type.toLowerCase() === 'personal' &&
3021
+ self.checkSinglePersonalData(sourceInfo?.header_data?.biography) &&
3022
+ self.checkSinglePersonalData(sourceInfo?.local_avatar)
3023
+ ) {
3024
+ self.$refs.personalAccountRef.personalAccountInfo.id = sourceInfo.account_id;
3025
+ self.$refs.personalAccountRef.personalAccountInfo.username = sourceInfo.username;
3026
+ return false
3027
+ }
3028
+ }
3029
+ return true;
3030
+ },
3031
+
3032
+ checkSinglePersonalData: function (data) {
3033
+ return data === false || data === undefined || (data !== undefined && data !== false && !this.checkNotEmpty(data));
3034
+ },
3035
+
3036
+ /**
3037
+ * Cancel Personal Account
3038
+ *
3039
+ * @since 6.0.8
3040
+ */
3041
+ cancelPersonalAccountUpdate: function () {
3042
+ let self = this;
3043
+ self.submitNewFeed();
3044
+ },
3045
+
3046
+ /**
3047
+ * Triggered When updating Personal Account info
3048
+ *
3049
+ * @since 6.0.8
3050
+ */
3051
+ successPersonalAccountUpdate: function () {
3052
+ let self = this;
3053
+ self.processNotification('personalAccountUpdated');
3054
+ this.creationProcessNext();
3055
  }
3056
 
3057
 
3059
 
3060
  });
3061
 
3062
+ function sbiBuilderToggleCaption(postID) {
3063
+ if (sbiBuilder.expandedCaptions.includes(postID)) {
3064
+ sbiBuilder.expandedCaptions.splice(sbiBuilder.expandedCaptions.indexOf(postID), 1);
3065
+ } else {
3066
  sbiBuilder.expandedCaptions.push(postID);
3067
  }
3068
  }
3069
 
3070
+ jQuery(document).ready(function () {
3071
  jQuery('body').find('#sbi_load .sbi_load_btn').unbind('click')
3072
  })
admin/builder/assets/js/personal-account.js ADDED
@@ -0,0 +1,109 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * Personal Account Popup
3
+ *
4
+ * @since 6.1
5
+ */
6
+ Vue.component('sb-personal-account-component', {
7
+ name: 'sb-personal-account-component',
8
+ template: '#sb-personal-account-component',
9
+ props: [
10
+ 'genericText',
11
+ 'svgIcons',
12
+ 'parentType',
13
+ 'parent'
14
+ ],
15
+ data: function() {
16
+ return{
17
+ personalAccountModalText : sbi_personal_account.personalAccountScreen,
18
+ nonce : sbi_personal_account.nonce,
19
+ ajaxHandler : sbi_personal_account.ajaxHandler,
20
+ step : 1,
21
+ personalAccountPopup : false,
22
+ personalAccountInfo : {
23
+ id : null,
24
+ username : null,
25
+ avatar : null,
26
+ bio : '',
27
+ fileName : ''
28
+ },
29
+ loading : false
30
+ }
31
+ },
32
+ mounted : function(){
33
+ },
34
+ computed : {
35
+
36
+ },
37
+ methods : {
38
+
39
+ /*
40
+ * Click Cancel Button
41
+ *
42
+ */
43
+ cancelMaybeLater : function(){
44
+ let self = this;
45
+ self.personalAccountPopup = false;
46
+ self.$parent.cancelPersonalAccountUpdate();
47
+ },
48
+
49
+
50
+ /*
51
+ * Open File Chooser
52
+ * When clicking the upload button
53
+ *
54
+ */
55
+ openFileChooser : function(){
56
+ document.getElementById("avatar_file").click();
57
+ },
58
+
59
+
60
+ /*
61
+ * On File chooser change
62
+ * Update the file name
63
+ *
64
+ */
65
+ onFileChooserChange : function(){
66
+ let self = this;
67
+ self.personalAccountInfo.fileName = self.$refs.file.files[0].name;
68
+ },
69
+
70
+
71
+ /*
72
+ * Update Personal account info
73
+ * send ajax info
74
+ *
75
+ */
76
+ addUpdatePersonalSourceInfo: function(){
77
+ let self = this,
78
+ formData = new FormData();
79
+ formData.append( 'action', 'sbi_update_personal_account' );
80
+ formData.append( 'id', self.personalAccountInfo.id );
81
+ formData.append( 'bio', self.personalAccountInfo.bio );
82
+ formData.append( 'username', self.personalAccountInfo.username );
83
+
84
+ formData.append( 'nonce', self.nonce );
85
+ if( self.$refs.file.files[0] ){
86
+ formData.append( 'avatar', self.$refs.file.files[0] );
87
+ }
88
+ self.loading = true;
89
+
90
+ fetch(self.ajaxHandler, {
91
+ method: "POST",
92
+ credentials: 'same-origin',
93
+ body: formData
94
+ })
95
+ .then(response => response.json())
96
+ .then(data => {
97
+ if( data.success ) {
98
+ self.$parent.sourcesList = data.sourcesList;
99
+ self.personalAccountPopup = false;
100
+ self.$parent.successPersonalAccountUpdate();
101
+ }
102
+ self.loading = false;
103
+ });
104
+
105
+
106
+ },
107
+
108
+ }
109
+ });
admin/builder/templates/sections/footer.php CHANGED
@@ -80,6 +80,7 @@
80
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/onboarding-popup.php';
81
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/onboarding-customizer-popup.php';
82
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/install-plugin-popup.php';
 
83
  ?>
84
  <div class="sb-notification-ctn" :data-active="notificationElement.shown" :data-type="notificationElement.type">
85
  <div class="sb-notification-icon" v-html="svgIcons[notificationElement.type+'Notification']"></div>
@@ -96,7 +97,12 @@
96
  </div>
97
  </div>
98
 
99
-
 
 
 
 
 
100
 
101
  <sb-confirm-dialog-component
102
  :dialog-box.sync="dialogBox"
80
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/onboarding-popup.php';
81
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/onboarding-customizer-popup.php';
82
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/install-plugin-popup.php';
83
+ include_once SBI_BUILDER_DIR . 'templates/sections/popup/personal-account-popup.php';
84
  ?>
85
  <div class="sb-notification-ctn" :data-active="notificationElement.shown" :data-type="notificationElement.type">
86
  <div class="sb-notification-icon" v-html="svgIcons[notificationElement.type+'Notification']"></div>
97
  </div>
98
  </div>
99
 
100
+ <sb-personal-account-component
101
+ :generic-text="genericText"
102
+ :svg-icons="svgIcons"
103
+ ref="personalAccountRef"
104
+ >
105
+ </sb-personal-account-component>
106
 
107
  <sb-confirm-dialog-component
108
  :dialog-box.sync="dialogBox"
admin/builder/templates/sections/popup/personal-account-popup.php ADDED
@@ -0,0 +1,48 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script type="text/x-template" id="sb-personal-account-component">
2
+ <div class="sbi-fb-source-ctn sbi-personal-account-ctn sb-fs-boss sbi-fb-center-boss" v-if="personalAccountPopup == true">
3
+ <div class="sbi-fb-source-popup sbi-fb-popup-inside sbi-narrower-modal">
4
+ <div class="sbi-fb-popup-cls" @click.prevent.default="personalAccountPopup = false; step = 1;">
5
+ <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6
+ <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/>
7
+ </svg>
8
+ </div>
9
+ <div class="sbi-fb-personal-step1 sbi-fb-fs" v-if="step == 1">
10
+ <div class="sbi-source-account-box sbi-fb-fs">
11
+ <div class="sbi-pers-account-icon" v-html="svgIcons['camera']"></div>
12
+ </div>
13
+ <div class="sbi-fb-source-top sbi-fb-fs">
14
+ <h3 v-html="personalAccountModalText.mainHeading1"></h3>
15
+ <p v-html="personalAccountModalText.mainDescription"></p>
16
+ </div>
17
+ <div class="sb-two-buttons-wrap">
18
+ <button class="sbi-fb-source-btn sb-btn-blue" v-html="personalAccountModalText.confirmBtn" @click.prevent.default="step = 2"></button>
19
+ <button class="sbi-fb-source-btn sb-btn-grey" v-html="personalAccountModalText.cancelBtn" @click.prevent.default="cancelMaybeLater"></button>
20
+ </div>
21
+ </div>
22
+
23
+ <div class="sbi-fb-personal-step2 sbi-fb-fs" v-if="step == 2">
24
+ <div class="sbi-fb-personal-form sbi-fb-fs">
25
+ <h3 v-html="personalAccountModalText.mainHeading3"></h3>
26
+ <div class="sbi-fb-personal-upload-btn sbi-fb-fs">
27
+ <button class="sbi-fb-source-btn sb-btn-grey" @click.prevent.default="openFileChooser">
28
+ <span v-html="svgIcons['uploadFile']"></span>
29
+ <span v-html="personalAccountModalText.uploadBtn"></span>
30
+ </button>
31
+ <span v-html="personalAccountInfo.fileName"></span>
32
+ <input id="avatar_file" type="file" value="avatar_file" ref="file" v-on:change="onFileChooserChange" accept="image/png, image/jpeg">
33
+ </div>
34
+ <div class="sbi-fb-personal-textarea sbi-fb-fs">
35
+ <label v-html="personalAccountModalText.bioLabel"></label>
36
+ <textarea :placeholder="personalAccountModalText.bioPlaceholder" maxlength="140" v-model="personalAccountInfo.bio"></textarea>
37
+ </div>
38
+ </div>
39
+
40
+ <div class="sb-two-buttons-wrap sbi-fb-fs">
41
+ <button class="sbi-fb-source-btn sb-btn-blue sbi-fb-fs" :class="{loading: loading}" @click.prevent.default="addUpdatePersonalSourceInfo">
42
+ <span v-html="loading ? svgIcons['loaderSVG'] : genericText.add"></span>
43
+ </button>
44
+ </div>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ </script>
admin/views/settings/content.php CHANGED
@@ -53,6 +53,7 @@
53
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/add-source-popup.php';
54
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/confirm-dialog-popup.php';
55
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/source-instances.php';
 
56
  ?>
57
  <div class="sb-notification-ctn" :data-active="notificationElement.shown" :data-type="notificationElement.type">
58
  <div class="sb-notification-icon" v-html="svgIcons[notificationElement.type+'Notification']"></div>
@@ -77,4 +78,11 @@ ref="addSourceRef"
77
  :svg-icons="svgIcons"
78
  :parent-type="'settings'"
79
  :generic-text="genericText"
80
- ></sb-confirm-dialog-component>
 
 
 
 
 
 
 
53
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/add-source-popup.php';
54
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/confirm-dialog-popup.php';
55
  include_once SBI_BUILDER_DIR . 'templates/sections/popup/source-instances.php';
56
+ include_once SBI_BUILDER_DIR . 'templates/sections/popup/personal-account-popup.php';
57
  ?>
58
  <div class="sb-notification-ctn" :data-active="notificationElement.shown" :data-type="notificationElement.type">
59
  <div class="sb-notification-icon" v-html="svgIcons[notificationElement.type+'Notification']"></div>
78
  :svg-icons="svgIcons"
79
  :parent-type="'settings'"
80
  :generic-text="genericText"
81
+ ></sb-confirm-dialog-component>
82
+
83
+ <sb-personal-account-component
84
+ :generic-text="genericText"
85
+ :svg-icons="svgIcons"
86
+ ref="personalAccountRef"
87
+ >
88
+ </sb-personal-account-component>
admin/views/settings/tab/general.php CHANGED
@@ -203,8 +203,8 @@
203
  </div>
204
  <div class="sb-srcs-item" v-for="(source, sourceIndex) in sourcesList" :class="{expanded: expandedFeedID == sourceIndex + 1, 'sb-account-has-error' : source.error !== ''}">
205
  <div class="sbi-fb-srcs-item-ins">
206
- <div class="sb-srcs-item-avatar" v-if="returnAccountAvatar(source)">
207
- <img :src="returnAccountAvatar(source)">
208
  </div>
209
  <div class="sb-srcs-item-inf">
210
  <div class="sb-srcs-item-name">{{source.username}}</div>
@@ -233,6 +233,11 @@
233
  <div class="sbi-fb-srcs-info-icon" v-html="svgIcons['copy2']" @click.prevent.default="copyToClipBoard(source.account_id)"></div>
234
  </div>
235
  </div>
 
 
 
 
 
236
  </div>
237
 
238
  </div>
203
  </div>
204
  <div class="sb-srcs-item" v-for="(source, sourceIndex) in sourcesList" :class="{expanded: expandedFeedID == sourceIndex + 1, 'sb-account-has-error' : source.error !== ''}">
205
  <div class="sbi-fb-srcs-item-ins">
206
+ <div class="sb-srcs-item-avatar" v-if="returnAccountAvatar(source) != false">
207
+ <img :key="sourceIndex" :src="returnAccountAvatar(source)" :alt="escapeHTML(source.username)">
208
  </div>
209
  <div class="sb-srcs-item-inf">
210
  <div class="sb-srcs-item-name">{{source.username}}</div>
233
  <div class="sbi-fb-srcs-info-icon" v-html="svgIcons['copy2']" @click.prevent.default="copyToClipBoard(source.account_id)"></div>
234
  </div>
235
  </div>
236
+
237
+ <div class="sbi-fb-srcs-personal-btn" v-if="expandedFeedID == sourceIndex + 1 && source.account_type == 'basic'" @click.prevent.default="openPersonalAccount( source )">
238
+ <div v-html="svgIcons['addRoundIcon']"></div>
239
+ <span v-html="source?.header_data?.biography || source?.local_avatar_url ? genericText.updateAccountInfo : genericText.addAccountInfo"></span>
240
+ </div>
241
  </div>
242
 
243
  </div>
inc/Builder/SBI_Db.php CHANGED
@@ -944,4 +944,21 @@ class SBI_Db {
944
  wp_clear_scheduled_hook( 'sbi_feed_update' );
945
  wp_clear_scheduled_hook( 'sbi_usage_tracking_cron' );
946
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
947
  }
944
  wp_clear_scheduled_hook( 'sbi_feed_update' );
945
  wp_clear_scheduled_hook( 'sbi_usage_tracking_cron' );
946
  }
947
+
948
+ /**
949
+ * Query to Get Single source
950
+ *
951
+ * @param array $source_id
952
+ *
953
+ * @since 6.0.8
954
+ */
955
+ public static function get_source_by_account_id( $source_id ) {
956
+ global $wpdb;
957
+ $sources_table_name = $wpdb->prefix . 'sbi_sources';
958
+ $sql = $wpdb->prepare(
959
+ "SELECT * FROM $sources_table_name WHERE account_id = %s; ",
960
+ $source_id
961
+ );
962
+ return $wpdb->get_row( $sql, ARRAY_A );
963
+ }
964
  }
inc/Builder/SBI_Feed_Builder.php CHANGED
@@ -5,6 +5,7 @@
5
  * @since 6.0
6
  */
7
  namespace InstagramFeed\Builder;
 
8
  use InstagramFeed\Builder\Tabs\SBI_Styling_Tab;
9
  use InstagramFeed\Builder\SBI_Feed_Saver;
10
 
@@ -12,7 +13,7 @@ use InstagramFeed\Builder\SBI_Feed_Saver;
12
  class SBI_Feed_Builder {
13
  private static $instance;
14
  public static function instance() {
15
- if ( null === self::$instance) {
16
  self::$instance = new self();
17
  return self::$instance;
18
 
@@ -25,7 +26,7 @@ class SBI_Feed_Builder {
25
  *
26
  * @since 6.0
27
  */
28
- function __construct(){
29
  $this->init();
30
  }
31
 
@@ -33,14 +34,14 @@ class SBI_Feed_Builder {
33
  * Init the Builder.
34
  *
35
  * @since 6.0
36
- */
37
- function init(){
38
- if( is_admin() ){
39
- add_action('admin_menu', [$this, 'register_menu']);
40
  // add ajax listeners
41
  SBI_Feed_Saver_Manager::hooks();
42
  SBI_Source::hooks();
43
- SBI_Feed_Builder::hooks();
44
  }
45
  }
46
 
@@ -61,20 +62,20 @@ class SBI_Feed_Builder {
61
  *
62
  * @since 6.0
63
  */
64
- function register_menu(){
65
- $cap = current_user_can( 'manage_instagram_feed_options' ) ? 'manage_instagram_feed_options' : 'manage_options';
66
- $cap = apply_filters( 'sbi_settings_pages_capability', $cap );
67
 
68
  $feed_builder = add_submenu_page(
69
- 'sb-instagram-feed',
70
- __( 'All Feeds', 'instagram-feed' ),
71
- __( 'All Feeds', 'instagram-feed' ),
72
- $cap,
73
- 'sbi-feed-builder',
74
- [$this, 'feed_builder'],
75
- 0
76
- );
77
- add_action( 'load-' . $feed_builder, [$this,'builder_enqueue_admin_scripts']);
78
  }
79
 
80
  /**
@@ -84,73 +85,73 @@ class SBI_Feed_Builder {
84
  *
85
  * @since 6.0
86
  */
87
- public function builder_enqueue_admin_scripts(){
88
- if(get_current_screen()):
89
- $screen = get_current_screen();
90
- if ( strpos($screen->id, 'sbi-feed-builder') !== false ) :
91
- $installed_plugins = get_plugins();
92
 
93
- $newly_retrieved_source_connection_data = SBI_Source::maybe_source_connection_data();
94
- $license_key = get_option( 'sbi_license_key', '' );
95
- $upgrade_url = 'https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=lite-upgrade-bar';
96
 
97
  $active_extensions = array(
98
- //Fake
99
- 'feedLayout' => false,
100
- 'headerLayout' => false,
101
- 'postStyling' => false,
102
- 'lightbox' => false,
103
- 'filtermoderation' => false,
104
- 'shoppablefeed' => false,
105
 
106
  );
107
 
108
- $sbi_builder = array(
109
- 'ajax_handler' => admin_url( 'admin-ajax.php' ),
110
- 'pluginType' => 'free',
111
- 'licenseType' => sbi_is_pro_version() ? 'pro' : 'free',
112
-
113
- 'builderUrl' => admin_url( 'admin.php?page=sbi-feed-builder' ),
114
- 'upgradeUrl' => $upgrade_url,
115
- 'activeExtensions' => $active_extensions,
116
- 'pluginUrl' => trailingslashit( SBI_PLUGIN_URL ),
117
-
118
- 'nonce' => wp_create_nonce( 'sbi-admin' ),
119
- 'adminPostURL' => admin_url( 'post.php' ),
120
- 'widgetsPageURL' => admin_url( 'widgets.php' ),
121
- 'supportPageUrl' => admin_url( 'admin.php?page=sbi-support' ),
122
- 'genericText' => self::get_generic_text(),
123
- 'welcomeScreen' => array(
124
- 'mainHeading' => __( 'All Feeds', 'instagram-feed' ),
125
- 'createFeed' => __( 'Create your Feed', 'instagram-feed' ),
126
- 'createFeedDescription' => __( 'Connect your Instagram account and choose a feed type', 'instagram-feed' ),
127
- 'customizeFeed' => __( 'Customize your feed type', 'instagram-feed' ),
128
  'customizeFeedDescription' => __( 'Choose layouts, color schemes, styles and more', 'instagram-feed' ),
129
- 'embedFeed' => __( 'Embed your feed', 'instagram-feed' ),
130
- 'embedFeedDescription' => __( 'Easily add the feed anywhere on your website', 'instagram-feed' ),
131
- 'customizeImgPath' => SBI_BUILDER_URL . 'assets/img/welcome-1.png',
132
- 'embedImgPath' => SBI_BUILDER_URL . 'assets/img/welcome-2.png',
133
  ),
134
- 'pluginsInfo' => [
135
- 'social_wall' => [
136
- 'installed' => isset( $installed_plugins['social-wall/social-wall.php'] ) ? true : false,
137
- 'activated' => is_plugin_active( 'social-wall/social-wall.php' ),
138
  'settingsPage' => admin_url( 'admin.php?page=sbsw' ),
139
- ]
140
- ],
141
- 'allFeedsScreen' => array(
142
- 'mainHeading' => __( 'All Feeds', 'instagram-feed' ),
143
- 'columns' => array(
144
- 'nameText' => __( 'Name', 'instagram-feed' ),
145
  'shortcodeText' => __( 'Shortcode', 'instagram-feed' ),
146
  'instancesText' => __( 'Instances', 'instagram-feed' ),
147
- 'actionsText' => __( 'Actions', 'instagram-feed' ),
148
  ),
149
- 'bulkActions' => __( 'Bulk Actions', 'instagram-feed' ),
150
- 'legacyFeeds' => array(
151
- 'heading' => __( 'Legacy Feeds', 'instagram-feed' ),
152
- 'toolTip' => __( 'What are Legacy Feeds?', 'instagram-feed' ),
153
- 'toolTipExpanded' => array(
154
  __( 'Legacy feeds are older feeds from before the version 6 update. You can edit settings for these feeds by using the "Settings" button to the right. These settings will apply to all legacy feeds, just like the settings before version 6, and work in the same way that they used to.', 'instagram-feed' ),
155
  __( 'You can also create a new feed, which will now have it\'s own individual settings. Modifying settings for new feeds will not affect other feeds.', 'instagram-feed' ),
156
  ),
@@ -158,28 +159,28 @@ class SBI_Feed_Builder {
158
  __( 'Legacy feeds represent shortcodes of old feeds found on your website before <br/>the version 6 update.', 'instagram-feed' ),
159
  __( 'To edit Legacy feed settings, you will need to use the "Settings" button above <br/>or edit their shortcode settings directly. To delete them, simply remove the <br/>shortcode wherever it is being used on your site.', 'instagram-feed' ),
160
  ),
161
- 'show' => __( 'Show Legacy Feeds', 'instagram-feed' ),
162
- 'hide' => __( 'Hide Legacy Feeds', 'instagram-feed' ),
163
  ),
164
- 'socialWallLinks' => SBI_Feed_Builder::get_social_wall_links(),
165
- 'onboarding' => $this->get_onboarding_text()
166
  ),
167
- 'dialogBoxPopupScreen' => array(
168
  'deleteSourceCustomizer' => array(
169
- 'heading' => __( 'Delete "#"?', 'instagram-feed' ),
170
  'description' => __( 'You are going to delete this source. To retrieve it, you will need to add it again. Are you sure you want to continue?', 'instagram-feed' ),
171
  ),
172
- 'deleteSingleFeed' => array(
173
- 'heading' => __( 'Delete "#"?', 'instagram-feed' ),
174
  'description' => __( 'You are going to delete this feed. You will lose all the settings. Are you sure you want to continue?', 'instagram-feed' ),
175
  ),
176
- 'deleteMultipleFeeds' => array(
177
- 'heading' => __( 'Delete Feeds?', 'instagram-feed' ),
178
  'description' => __( 'You are going to delete these feeds. You will lose all the settings. Are you sure you want to continue?', 'instagram-feed' ),
179
  ),
180
- 'backAllToFeed' => array(
181
- 'heading' => __( 'Are you Sure?', 'instagram-feed' ),
182
- 'description' => __( 'Are you sure you want to leave this page, all unsaved settings will be lost, please make sure to save before leaving.', 'instagram-feed' ),
183
  'customButtons' => array(
184
  'confirm' => array(
185
  'text' => __( 'Save and Exit', 'instagram-feed' ),
@@ -191,72 +192,72 @@ class SBI_Feed_Builder {
191
  ),
192
  ),
193
  ),
194
- 'unsavedFeedSources' => array(
195
- 'heading' => __( 'You have unsaved changes', 'instagram-feed' ),
196
- 'description' => __( 'If you exit without saving, all the changes you made will be reverted.', 'instagram-feed' ),
197
  'customButtons' => array(
198
- 'confirm' => [
199
- 'text' => __( 'Save and Exit', 'instagram-feed' ),
200
  'color' => 'blue'
201
- ],
202
- 'cancel' => [
203
- 'text' => __( 'Exit without Saving', 'instagram-feed' ),
204
  'color' => 'red'
205
- ]
206
  )
207
  )
208
  ),
209
- 'selectFeedTypeScreen' => array(
210
- 'mainHeading' => __( 'Create an Instagram Feed', 'instagram-feed' ),
211
- 'feedTypeHeading' => __( 'Select Feed Type', 'instagram-feed' ),
212
- 'mainDescription' => __( 'Select one or more feed types. You can add or remove them later.', 'instagram-feed' ),
213
- 'updateHeading' => __( 'Update Feed Type', 'instagram-feed' ),
214
- 'advancedHeading' => __( 'Advanced Feeds', 'instagram-feed' ),
215
  'anotherFeedTypeHeading' => __( 'Add Another Source Type', 'instagram-feed' ),
216
- ),
217
- 'mainFooterScreen' => array(
218
- 'heading' => sprintf( __( 'Upgrade to the %sAll Access Bundle%s to get all of our Pro Plugins', 'instagram-feed' ), '<strong>', '</strong>' ),
219
  'description' => __( 'Includes all Smash Balloon plugins for one low price: Instagram, Facebook, Twitter, YouTube, and Social Wall', 'instagram-feed' ),
220
- 'promo' => sprintf( __( '%sBonus%s Lite users get %s50&#37; Off%s automatically applied at checkout', 'instagram-feed' ), '<span class="sbi-bld-ft-bns">', '</span>', '<strong>', '</strong>' ),
221
  ),
222
- 'embedPopupScreen' => array(
223
- 'heading' => __( 'Embed Feed', 'instagram-feed' ),
224
- 'description' => __( 'Add the unique shortcode to any page, post, or widget:', 'instagram-feed' ),
225
  'description_2' => __( 'Or use the built in WordPress block or widget', 'instagram-feed' ),
226
- 'addPage' => __( 'Add to a Page', 'instagram-feed' ),
227
- 'addWidget' => __( 'Add to a Widget', 'instagram-feed' ),
228
- 'selectPage' => __( 'Select Page', 'instagram-feed' ),
229
  ),
230
- 'links' => self::get_links_with_utm(),
231
- 'pluginsInfo' => [
232
- 'social_wall' => [
233
- 'installed' => isset( $installed_plugins['social-wall/social-wall.php'] ) ? true : false,
234
- 'activated' => is_plugin_active( 'social-wall/social-wall.php' ),
235
  'settingsPage' => admin_url( 'admin.php?page=sbsw' ),
236
- ]
237
- ],
238
- 'selectSourceScreen' => self::select_source_screen_text(),
239
- 'feedTypes' => $this->get_feed_types(),
240
- 'advancedFeedTypes' => $this->get_advanced_feed_types(),
241
- 'socialInfo' => $this->get_smashballoon_info(),
242
- 'svgIcons' => $this->builder_svg_icons(),
243
- 'installPluginsPopup' => $this->install_plugins_popup(),
244
- 'feeds' => SBI_Feed_Builder::get_feed_list(),
245
- 'itemsPerPage' => SBI_Db::RESULTS_PER_PAGE,
246
- 'feedsCount' => SBI_Db::feeds_count(),
247
- 'sources' => self::get_source_list(),
248
  'sourceConnectionURLs' => SBI_Source::get_connection_urls(),
249
 
250
- 'legacyFeeds' => $this->get_legacy_feed_list(),
251
- 'extensionsPopup' => [
252
- 'hashtag' => array(
253
- 'heading' => __( 'Upgrade to Pro to get Hashtag Feeds', 'instagram-feed' ),
254
- 'description' => __( 'Display posts from any public hashtag with an Instagram hashtag feed. Great for pulling in user-generated content associated with your brand, running promotional hashtag campaigns, engaging audiences at events, and more.', 'instagram-feed' ),
255
- 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#cliphashtagpro0_506_22510)"><g clip-path="url(#cliphashtagpro1_506_22510)"><g filter="url(#filterhashtagpro0_ddd_506_22510)"><rect x="169.506" y="31.2762" width="158.634" height="180.446" rx="3.96584" transform="rotate(4 169.506 31.2762)" fill="white"/></g><g clip-path="url(#cliphashtagpro2_506_22510)"><rect x="169.506" y="31.2762" width="158.634" height="158.634" transform="rotate(4 169.506 31.2762)" fill="#0096CC"/></g><path d="M192.49 182.337L188.63 182.067L189.561 178.756C189.585 178.659 189.587 178.557 189.568 178.458C189.549 178.359 189.509 178.266 189.45 178.184C189.391 178.102 189.315 178.034 189.228 177.984C189.14 177.934 189.043 177.904 188.943 177.896L187.552 177.798C187.391 177.783 187.23 177.824 187.097 177.914C186.963 178.004 186.864 178.138 186.818 178.292L185.855 181.873L182.099 181.611L183.029 178.3C183.053 178.204 183.056 178.105 183.038 178.008C183.021 177.911 182.983 177.819 182.927 177.738C182.871 177.657 182.799 177.588 182.715 177.537C182.631 177.486 182.537 177.453 182.439 177.441L181.048 177.343C180.888 177.328 180.727 177.369 180.593 177.459C180.459 177.549 180.361 177.683 180.315 177.837L179.365 181.42L175.192 181.128C175.029 181.113 174.867 181.156 174.733 181.249C174.598 181.341 174.501 181.478 174.457 181.636L174.075 183.007C174.047 183.107 174.042 183.213 174.06 183.316C174.079 183.419 174.12 183.517 174.181 183.602C174.242 183.686 174.322 183.756 174.414 183.806C174.506 183.856 174.608 183.885 174.712 183.89L178.572 184.16L177.043 189.645L172.869 189.353C172.707 189.338 172.544 189.381 172.41 189.474C172.276 189.567 172.179 189.703 172.135 189.861L171.752 191.232C171.724 191.333 171.719 191.438 171.738 191.541C171.756 191.644 171.797 191.742 171.859 191.827C171.92 191.911 171.999 191.981 172.091 192.031C172.183 192.081 172.285 192.11 172.39 192.115L176.278 192.387L175.347 195.698C175.323 195.797 175.321 195.901 175.341 196.002C175.361 196.102 175.403 196.197 175.464 196.279C175.525 196.361 175.603 196.429 175.694 196.478C175.784 196.527 175.884 196.555 175.986 196.56L177.377 196.658C177.532 196.664 177.685 196.619 177.812 196.529C177.938 196.44 178.031 196.31 178.076 196.161L179.053 192.581L182.809 192.844L181.879 196.155C181.855 196.25 181.852 196.35 181.869 196.447C181.887 196.543 181.925 196.635 181.981 196.717C182.036 196.798 182.109 196.866 182.193 196.917C182.277 196.969 182.371 197.001 182.469 197.014L183.86 197.111C184.02 197.126 184.181 197.085 184.315 196.995C184.448 196.905 184.547 196.771 184.593 196.617L185.577 193.037L189.751 193.329C189.913 193.344 190.076 193.301 190.21 193.208C190.344 193.115 190.441 192.979 190.485 192.821L190.861 191.45C190.889 191.349 190.894 191.243 190.875 191.14C190.857 191.037 190.816 190.94 190.754 190.855C190.693 190.77 190.614 190.7 190.522 190.65C190.43 190.6 190.328 190.572 190.223 190.566L186.342 190.295L187.865 184.81L192.038 185.102C192.201 185.116 192.363 185.073 192.498 184.981C192.632 184.888 192.729 184.751 192.773 184.594L193.155 183.223C193.184 183.119 193.189 183.011 193.169 182.906C193.149 182.801 193.106 182.701 193.041 182.616C192.977 182.53 192.894 182.461 192.798 182.412C192.703 182.364 192.597 182.338 192.49 182.337ZM183.56 190.1L179.804 189.838L181.334 184.353L185.09 184.616L183.56 190.1Z" fill="#0068A0"/><rect x="206.604" y="182.953" width="57.5047" height="13.8804" rx="1.98292" transform="rotate(4 206.604 182.953)" fill="#86D0F9"/><g filter="url(#filterhashtagpro1_ddd_506_22510)"><rect x="169.506" y="31.2762" width="158.634" height="180.446" rx="3.96584" transform="rotate(4 169.506 31.2762)" fill="white"/></g><g clip-path="url(#cliphashtagpro3_506_22510)"><rect x="169.506" y="31.2762" width="158.634" height="158.634" transform="rotate(4 169.506 31.2762)" fill="#0096CC"/><circle cx="183.84" cy="95.0859" r="92.2057" fill="#0068A0"/></g><path d="M192.49 182.337L188.63 182.067L189.561 178.756C189.585 178.659 189.587 178.557 189.568 178.458C189.549 178.359 189.509 178.266 189.45 178.184C189.391 178.102 189.315 178.034 189.228 177.984C189.14 177.934 189.043 177.904 188.943 177.896L187.552 177.798C187.391 177.783 187.23 177.824 187.097 177.914C186.963 178.004 186.864 178.138 186.818 178.292L185.855 181.873L182.099 181.611L183.029 178.3C183.053 178.204 183.056 178.105 183.038 178.008C183.021 177.911 182.983 177.819 182.927 177.738C182.871 177.657 182.799 177.588 182.715 177.537C182.631 177.486 182.537 177.453 182.439 177.441L181.048 177.343C180.888 177.328 180.727 177.369 180.593 177.459C180.459 177.549 180.361 177.683 180.315 177.837L179.365 181.42L175.192 181.128C175.029 181.113 174.867 181.156 174.733 181.249C174.598 181.341 174.501 181.478 174.457 181.636L174.075 183.007C174.047 183.107 174.042 183.213 174.06 183.316C174.079 183.419 174.12 183.517 174.181 183.602C174.242 183.686 174.322 183.756 174.414 183.806C174.506 183.856 174.608 183.885 174.712 183.89L178.572 184.16L177.043 189.645L172.869 189.353C172.707 189.338 172.544 189.381 172.41 189.474C172.276 189.567 172.179 189.703 172.135 189.861L171.752 191.232C171.724 191.333 171.719 191.438 171.738 191.541C171.756 191.644 171.797 191.742 171.859 191.827C171.92 191.911 171.999 191.981 172.091 192.031C172.183 192.081 172.285 192.11 172.39 192.115L176.278 192.387L175.347 195.698C175.323 195.797 175.321 195.901 175.341 196.002C175.361 196.102 175.403 196.197 175.464 196.279C175.525 196.361 175.603 196.429 175.694 196.478C175.784 196.527 175.884 196.555 175.986 196.56L177.377 196.658C177.532 196.664 177.685 196.619 177.812 196.529C177.938 196.44 178.031 196.31 178.076 196.161L179.053 192.581L182.809 192.844L181.879 196.155C181.855 196.25 181.852 196.35 181.869 196.447C181.887 196.543 181.925 196.635 181.981 196.717C182.036 196.798 182.109 196.866 182.193 196.917C182.277 196.969 182.371 197.001 182.469 197.014L183.86 197.111C184.02 197.126 184.181 197.085 184.315 196.995C184.448 196.905 184.547 196.771 184.593 196.617L185.577 193.037L189.751 193.329C189.913 193.344 190.076 193.301 190.21 193.208C190.344 193.115 190.441 192.979 190.485 192.821L190.861 191.45C190.889 191.349 190.894 191.243 190.875 191.14C190.857 191.037 190.816 190.94 190.754 190.855C190.693 190.77 190.614 190.7 190.522 190.65C190.43 190.6 190.328 190.572 190.223 190.566L186.342 190.295L187.865 184.81L192.038 185.102C192.201 185.116 192.363 185.073 192.498 184.981C192.632 184.888 192.729 184.751 192.773 184.594L193.155 183.223C193.184 183.119 193.189 183.011 193.169 182.906C193.149 182.801 193.106 182.701 193.041 182.616C192.977 182.53 192.894 182.461 192.798 182.412C192.703 182.364 192.597 182.338 192.49 182.337ZM183.56 190.1L179.804 189.838L181.334 184.353L185.09 184.616L183.56 190.1Z" fill="#0068A0"/><rect x="206.604" y="182.953" width="57.5047" height="13.8804" rx="1.98292" transform="rotate(4 206.604 182.953)" fill="#86D0F9"/><g filter="url(#filterhashtagpro2_ddd_506_22510)"><rect x="61.8896" y="48.4873" width="158.634" height="180.446" rx="3.96584" fill="white"/></g><g clip-path="url(#cliphashtagpro4_506_22510)"><rect x="61.8896" y="48.4873" width="158.634" height="158.634" fill="#F6966B"/><path d="M93.1149 104.67L218.7 230.255H-10.8174L93.1149 104.67Z" fill="#F9BBA0"/></g><path d="M95.3546 197.577H91.4848L92.1821 194.209C92.1992 194.11 92.1946 194.008 92.1687 193.911C92.1427 193.814 92.096 193.723 92.0317 193.646C91.9675 193.568 91.8872 193.506 91.7964 193.462C91.7056 193.419 91.6064 193.395 91.5057 193.394H90.1112C89.95 193.39 89.7925 193.442 89.6653 193.541C89.5382 193.64 89.4494 193.78 89.414 193.937L88.7028 197.577H84.9376L85.6348 194.209C85.6517 194.112 85.6479 194.013 85.6236 193.918C85.5992 193.822 85.555 193.733 85.4937 193.656C85.4325 193.579 85.3556 193.516 85.2682 193.47C85.1807 193.425 85.0847 193.399 84.9864 193.394H83.5919C83.4307 193.39 83.2731 193.442 83.146 193.541C83.0189 193.64 82.93 193.78 82.8946 193.937L82.1974 197.577H78.0138C77.8507 197.574 77.6916 197.628 77.5642 197.73C77.4368 197.832 77.3492 197.975 77.3166 198.135L77.0307 199.529C77.0098 199.632 77.0121 199.738 77.0377 199.839C77.0632 199.941 77.1112 200.035 77.1782 200.115C77.2451 200.196 77.3293 200.26 77.4245 200.303C77.5197 200.347 77.6234 200.368 77.7279 200.366H81.5977L80.4542 205.944H76.2707C76.1076 205.941 75.9485 205.995 75.8211 206.097C75.6937 206.199 75.606 206.342 75.5734 206.502L75.2876 207.897C75.2666 207.999 75.269 208.105 75.2945 208.206C75.3201 208.308 75.3681 208.402 75.435 208.483C75.502 208.563 75.5862 208.627 75.6814 208.671C75.7765 208.714 75.8802 208.735 75.9848 208.733H79.8825L79.1852 212.101C79.1678 212.202 79.1728 212.306 79.2 212.404C79.2271 212.503 79.2757 212.595 79.3423 212.673C79.4088 212.751 79.4918 212.813 79.5851 212.855C79.6785 212.897 79.78 212.918 79.8825 212.917H81.277C81.4322 212.913 81.5816 212.857 81.7016 212.759C81.8216 212.66 81.9053 212.524 81.9394 212.373L82.6645 208.733H86.4297L85.7324 212.101C85.7156 212.198 85.7194 212.297 85.7437 212.393C85.768 212.488 85.8123 212.577 85.8735 212.654C85.9348 212.732 86.0117 212.795 86.0991 212.84C86.1866 212.885 86.2826 212.911 86.3809 212.917H87.7754C87.9366 212.921 88.0941 212.869 88.2213 212.77C88.3484 212.67 88.4372 212.53 88.4727 212.373L89.2048 208.733H93.3883C93.5514 208.737 93.7105 208.683 93.8379 208.581C93.9653 208.479 94.053 208.335 94.0856 208.175L94.3645 206.781C94.3854 206.678 94.383 206.573 94.3575 206.471C94.332 206.37 94.2839 206.275 94.217 206.195C94.15 206.115 94.0658 206.05 93.9707 206.007C93.8755 205.964 93.7718 205.942 93.6672 205.944H89.7765L90.9131 200.366H95.0966C95.2597 200.369 95.4188 200.315 95.5462 200.214C95.6736 200.112 95.7612 199.968 95.7938 199.808L96.0797 198.414C96.1013 198.309 96.0985 198.201 96.0714 198.097C96.0444 197.993 95.9939 197.897 95.9237 197.816C95.8536 197.736 95.7658 197.672 95.6671 197.63C95.5684 197.589 95.4615 197.571 95.3546 197.577ZM86.9875 205.944H83.2223L84.3658 200.366H88.131L86.9875 205.944Z" fill="#FE544F"/><rect x="109.479" y="197.206" width="57.5047" height="13.8804" rx="1.98292" fill="#FCE1D5"/><g filter="url(#filterhashtagpro3_ddd_506_22510)"><rect x="61.8896" y="48.4873" width="158.634" height="180.446" rx="3.96584" fill="white"/></g><g clip-path="url(#cliphashtagpro5_506_22510)"><rect x="61.8896" y="48.4873" width="158.634" height="158.634" fill="#F6966B"/><path d="M93.1149 104.67L218.7 230.255H-10.8174L93.1149 104.67Z" fill="#F9BBA0"/></g><path d="M95.3546 197.577H91.4848L92.1821 194.209C92.1992 194.11 92.1946 194.008 92.1687 193.911C92.1427 193.814 92.096 193.723 92.0317 193.646C91.9675 193.568 91.8872 193.506 91.7964 193.462C91.7056 193.419 91.6064 193.395 91.5057 193.394H90.1112C89.95 193.39 89.7925 193.442 89.6653 193.541C89.5382 193.64 89.4494 193.78 89.414 193.937L88.7028 197.577H84.9376L85.6348 194.209C85.6517 194.112 85.6479 194.013 85.6236 193.918C85.5992 193.822 85.555 193.733 85.4937 193.656C85.4325 193.579 85.3556 193.516 85.2682 193.47C85.1807 193.425 85.0847 193.399 84.9864 193.394H83.5919C83.4307 193.39 83.2731 193.442 83.146 193.541C83.0189 193.64 82.93 193.78 82.8946 193.937L82.1974 197.577H78.0138C77.8507 197.574 77.6916 197.628 77.5642 197.73C77.4368 197.832 77.3492 197.975 77.3166 198.135L77.0307 199.529C77.0098 199.632 77.0121 199.738 77.0377 199.839C77.0632 199.941 77.1112 200.035 77.1782 200.115C77.2451 200.196 77.3293 200.26 77.4245 200.303C77.5197 200.347 77.6234 200.368 77.7279 200.366H81.5977L80.4542 205.944H76.2707C76.1076 205.941 75.9485 205.995 75.8211 206.097C75.6937 206.199 75.606 206.342 75.5734 206.502L75.2876 207.897C75.2666 207.999 75.269 208.105 75.2945 208.206C75.3201 208.308 75.3681 208.402 75.435 208.483C75.502 208.563 75.5862 208.627 75.6814 208.671C75.7765 208.714 75.8802 208.735 75.9848 208.733H79.8825L79.1852 212.101C79.1678 212.202 79.1728 212.306 79.2 212.404C79.2271 212.503 79.2757 212.595 79.3423 212.673C79.4088 212.751 79.4918 212.813 79.5851 212.855C79.6785 212.897 79.78 212.918 79.8825 212.917H81.277C81.4322 212.913 81.5816 212.857 81.7016 212.759C81.8216 212.66 81.9053 212.524 81.9394 212.373L82.6645 208.733H86.4297L85.7324 212.101C85.7156 212.198 85.7194 212.297 85.7437 212.393C85.768 212.488 85.8123 212.577 85.8735 212.654C85.9348 212.732 86.0117 212.795 86.0991 212.84C86.1866 212.885 86.2826 212.911 86.3809 212.917H87.7754C87.9366 212.921 88.0941 212.869 88.2213 212.77C88.3484 212.67 88.4372 212.53 88.4727 212.373L89.2048 208.733H93.3883C93.5514 208.737 93.7105 208.683 93.8379 208.581C93.9653 208.479 94.053 208.335 94.0856 208.175L94.3645 206.781C94.3854 206.678 94.383 206.573 94.3575 206.471C94.332 206.37 94.2839 206.275 94.217 206.195C94.15 206.115 94.0658 206.05 93.9707 206.007C93.8755 205.964 93.7718 205.942 93.6672 205.944H89.7765L90.9131 200.366H95.0966C95.2597 200.369 95.4188 200.315 95.5462 200.214C95.6736 200.112 95.7612 199.968 95.7938 199.808L96.0797 198.414C96.1013 198.309 96.0985 198.201 96.0714 198.097C96.0444 197.993 95.9939 197.897 95.9237 197.816C95.8536 197.736 95.7658 197.672 95.6671 197.63C95.5684 197.589 95.4615 197.571 95.3546 197.577ZM86.9875 205.944H83.2223L84.3658 200.366H88.131L86.9875 205.944Z" fill="#FE544F"/><rect x="109.479" y="197.206" width="57.5047" height="13.8804" rx="1.98292" fill="#FCE1D5"/></g></g><defs><filter id="filterhashtagpro0_ddd_506_22510" x="131.408" y="17.6626" width="221.857" height="242.094" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22510" result="effect2_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22510" result="effect3_dropShadow_506_22510"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22510" result="shape"/></filter><filter id="filterhashtagpro1_ddd_506_22510" x="131.408" y="17.6626" width="221.857" height="242.094" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22510" result="effect2_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22510" result="effect3_dropShadow_506_22510"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22510" result="shape"/></filter><filter id="filterhashtagpro2_ddd_506_22510" x="36.1117" y="34.6069" width="210.19" height="232.002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22510" result="effect2_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22510" result="effect3_dropShadow_506_22510"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22510" result="shape"/></filter><filter id="filterhashtagpro3_ddd_506_22510" x="36.1117" y="34.6069" width="210.19" height="232.002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22510" result="effect2_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22510" result="effect3_dropShadow_506_22510"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22510" result="shape"/></filter><clipPath id="cliphashtagpro0_506_22510"><rect width="396" height="264" fill="white"/></clipPath><clipPath id="cliphashtagpro1_506_22510"><rect width="530" height="250.308" fill="white" transform="translate(-67 6.84601)"/></clipPath><clipPath id="cliphashtagpro2_506_22510"><path d="M169.275 34.573C169.403 32.7522 170.982 31.3794 172.803 31.5067L324.456 42.1114C326.277 42.2387 327.65 43.818 327.522 45.6387L318.624 172.896L160.377 161.83L169.275 34.573Z" fill="white"/></clipPath><clipPath id="cliphashtagpro3_506_22510"><path d="M169.275 34.573C169.403 32.7522 170.982 31.3794 172.803 31.5067L324.456 42.1114C326.277 42.2387 327.65 43.818 327.522 45.6387L318.624 172.896L160.377 161.83L169.275 34.573Z" fill="white"/></clipPath><clipPath id="cliphashtagpro4_506_22510"><path d="M61.8896 51.7922C61.8896 49.9669 63.3693 48.4873 65.1945 48.4873H217.218C219.044 48.4873 220.523 49.9669 220.523 51.7922V179.36H61.8896V51.7922Z" fill="white"/></clipPath><clipPath id="cliphashtagpro5_506_22510"><path d="M61.8896 51.7922C61.8896 49.9669 63.3693 48.4873 65.1945 48.4873H217.218C219.044 48.4873 220.523 49.9669 220.523 51.7922V179.36H61.8896V51.7922Z" fill="white"/></clipPath></defs></svg>',
256
- 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) .'</div>',
257
- 'bullets' => [
258
  'heading' => __( 'And get much more!', 'instagram-feed' ),
259
- 'content' => [
260
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
261
  __( 'Powerful visual moderation', 'instagram-feed' ),
262
  __( 'Comments and Likes', 'instagram-feed' ),
@@ -269,18 +270,18 @@ class SBI_Feed_Builder {
269
  __( 'Post captions', 'instagram-feed' ),
270
  __( 'Combine multiple feed types', 'instagram-feed' ),
271
  __( '30 day money back guarantee', 'instagram-feed' ),
272
- ]
273
- ],
274
- 'buyUrl' => sprintf('https://smashballoon.com/instagram-feed/demo/hashtag?utm_campaign=instagram-free&utm_source=feed-type&utm_medium=hashtag')
275
  ),
276
- 'tagged' => array(
277
- 'heading' => __( 'Upgrade to Pro to get Tagged Posts Feed', 'instagram-feed' ),
278
- 'description' => __( 'Display posts that you\'ve been tagged in by other users allowing you to increase your audience\'s engagement with your Instagram account.', 'instagram-feed' ),
279
- 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#cliptagged0_506_22672)"><g clip-path="url(#cliptagged1_506_22672)"><g filter="url(#filtertagged0_ddd_506_22672)"><g clip-path="url(#cliptagged2_506_22672)"><rect x="139.63" y="64.4107" width="164.72" height="166.806" rx="4.17014" transform="rotate(2 139.63 64.4107)" fill="white"/><g clip-path="url(#cliptagged3_506_22672)"><path d="M139.131 52.643L305.835 58.4644L300.45 212.666L133.746 206.844L139.131 52.643Z" fill="#59AB46"/><path d="M170.246 102.41L297.611 238.993L56.4177 230.57L170.246 102.41Z" fill="#76C064"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M157.064 194.828C159.201 194.48 161.393 194.773 163.363 195.671C165.333 196.569 166.993 198.031 168.132 199.872C169.271 201.713 169.839 203.85 169.763 206.014L169.707 207.635C169.671 208.674 169.223 209.656 168.463 210.364C167.703 211.073 166.692 211.451 165.653 211.415C164.615 211.379 163.633 210.931 162.924 210.171C162.792 210.029 162.671 209.879 162.563 209.721C161.492 210.7 160.081 211.22 158.63 211.17C157.162 211.118 155.773 210.486 154.771 209.411C153.769 208.336 153.235 206.907 153.286 205.439C153.337 203.97 153.97 202.582 155.045 201.58C156.119 200.578 157.548 200.043 159.017 200.095C160.486 200.146 161.874 200.779 162.876 201.853C163.878 202.928 164.412 204.357 164.361 205.826L164.304 207.446C164.291 207.84 164.434 208.224 164.703 208.512C164.972 208.8 165.344 208.97 165.738 208.984C166.132 208.998 166.516 208.854 166.804 208.585C167.092 208.316 167.262 207.944 167.276 207.55L167.332 205.929C167.391 204.246 166.95 202.584 166.063 201.152C165.177 199.72 163.887 198.583 162.354 197.885C160.822 197.186 159.117 196.958 157.455 197.229C155.793 197.499 154.249 198.257 153.017 199.405C151.785 200.554 150.922 202.042 150.536 203.681C150.15 205.32 150.259 207.037 150.849 208.614C151.438 210.191 152.483 211.558 153.849 212.542C155.216 213.526 156.844 214.082 158.526 214.141L158.528 214.141C160.021 214.195 161.502 213.853 162.819 213.15C163.412 212.834 164.148 213.058 164.465 213.651C164.781 214.243 164.557 214.98 163.964 215.296C162.267 216.202 160.362 216.641 158.44 216.572L158.484 215.357L158.442 216.572C158.441 216.572 158.441 216.572 158.44 216.572C156.277 216.496 154.185 215.781 152.428 214.516C150.671 213.251 149.328 211.494 148.57 209.466C147.812 207.438 147.672 205.231 148.168 203.123C148.665 201.016 149.775 199.103 151.358 197.626C152.941 196.15 154.927 195.176 157.064 194.828ZM161.93 205.741C161.959 204.917 161.659 204.115 161.097 203.512C160.535 202.909 159.756 202.555 158.932 202.526C158.108 202.497 157.307 202.797 156.704 203.359C156.101 203.921 155.746 204.7 155.717 205.524C155.688 206.348 155.988 207.149 156.55 207.752C157.113 208.355 157.891 208.71 158.715 208.739C159.539 208.767 160.34 208.468 160.943 207.905C161.546 207.343 161.901 206.564 161.93 205.741Z" fill="#59AB46"/><rect x="184.048" y="200.256" width="60.467" height="14.5955" rx="2.08507" transform="rotate(2 184.048 200.256)" fill="#B6DDAD"/></g></g><g filter="url(#filtertagged1_ddd_506_22672)"><g clip-path="url(#cliptagged4_506_22672)"><rect x="73.3418" y="28.4567" width="164.72" height="166.806" rx="4.17014" transform="rotate(-2 73.3418 28.4567)" fill="white"/><g clip-path="url(#cliptagged5_506_22672)"><path d="M72.0225 16.7529L238.726 10.9315L244.111 165.133L77.4073 170.954L72.0225 16.7529Z" fill="#43A6DB"/><circle cx="268.485" cy="149.951" r="96.9557" transform="rotate(-2 268.485 149.951)" fill="#0068A0"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M99.8296 157.341C101.937 156.845 104.144 156.985 106.172 157.743C108.2 158.501 109.958 159.844 111.223 161.601C112.487 163.358 113.203 165.451 113.279 167.615L113.335 169.235C113.371 170.274 112.994 171.285 112.285 172.045C111.576 172.805 110.594 173.253 109.555 173.289C108.516 173.325 107.506 172.947 106.745 172.238C106.604 172.106 106.473 171.965 106.354 171.815C105.354 172.866 103.983 173.483 102.532 173.534C101.063 173.585 99.6345 173.051 98.5597 172.049C97.485 171.047 96.8524 169.659 96.8011 168.19C96.7498 166.721 97.284 165.292 98.2862 164.218C99.2885 163.143 100.677 162.51 102.145 162.459C103.614 162.408 105.043 162.942 106.117 163.944C107.192 164.946 107.825 166.335 107.876 167.803L107.933 169.424C107.946 169.818 108.116 170.19 108.405 170.459C108.693 170.728 109.076 170.871 109.47 170.858C109.864 170.844 110.237 170.674 110.506 170.386C110.774 170.098 110.918 169.714 110.904 169.32L110.847 167.699C110.789 166.017 110.232 164.389 109.248 163.022C108.265 161.656 106.898 160.611 105.32 160.022C103.743 159.432 102.026 159.323 100.387 159.709C98.7481 160.095 97.2602 160.958 96.1118 162.19C94.9634 163.422 94.2059 164.966 93.9353 166.628C93.6646 168.29 93.8928 169.995 94.5911 171.527C95.2895 173.06 96.4265 174.35 97.8584 175.236C99.2903 176.123 100.953 176.564 102.636 176.505L102.637 176.505C104.13 176.455 105.584 176.011 106.849 175.218C107.418 174.861 108.169 175.033 108.525 175.602C108.882 176.171 108.71 176.922 108.141 177.279C106.511 178.3 104.641 178.871 102.719 178.937L102.678 177.721L102.721 178.937C102.72 178.937 102.72 178.937 102.719 178.937C100.556 179.012 98.419 178.444 96.5783 177.305C94.7373 176.166 93.2754 174.506 92.3776 172.536C91.4798 170.566 91.1863 168.374 91.5343 166.237C91.8823 164.1 92.8562 162.114 94.3327 160.531C95.8093 158.948 97.7222 157.838 99.8296 157.341ZM105.445 167.888C105.416 167.064 105.061 166.286 104.458 165.723C103.856 165.161 103.054 164.861 102.23 164.89C101.406 164.919 100.628 165.274 100.065 165.877C99.5031 166.48 99.2034 167.281 99.2322 168.105C99.261 168.929 99.6158 169.708 100.219 170.27C100.822 170.832 101.623 171.132 102.447 171.103C103.271 171.074 104.05 170.719 104.612 170.116C105.174 169.514 105.474 168.712 105.445 167.888Z" fill="#0068A0"/><rect x="127.129" y="160.874" width="60.467" height="14.5955" rx="2.08507" transform="rotate(-2 127.129 160.874)" fill="#86D0F9"/></g></g></g></g><defs><filter id="filtertagged0_ddd_506_22672" x="106.703" y="49.8152" width="224.653" height="226.664" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="12.5104"/><feGaussianBlur stdDeviation="13.5529"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22672"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2.08507"/><feGaussianBlur stdDeviation="2.08507"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22672" result="effect2_dropShadow_506_22672"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="6.25521"/><feGaussianBlur stdDeviation="6.25521"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22672" result="effect3_dropShadow_506_22672"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22672" result="shape"/></filter><filter id="filtertagged1_ddd_506_22672" x="46.2359" y="8.11258" width="224.653" height="226.664" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="12.5104"/><feGaussianBlur stdDeviation="13.5529"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22672"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2.08507"/><feGaussianBlur stdDeviation="2.08507"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22672" result="effect2_dropShadow_506_22672"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="6.25521"/><feGaussianBlur stdDeviation="6.25521"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22672" result="effect3_dropShadow_506_22672"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22672" result="shape"/></filter><clipPath id="cliptagged0_506_22672"><rect width="396" height="264" fill="white"/></clipPath><clipPath id="cliptagged1_506_22672"><rect width="530" height="250.308" fill="white" transform="translate(-67 6.84601)"/></clipPath><clipPath id="cliptagged2_506_22672"><rect x="139.63" y="64.4107" width="164.72" height="166.806" rx="4.17014" transform="rotate(2 139.63 64.4107)" fill="white"/></clipPath><clipPath id="cliptagged3_506_22672"><path d="M139.373 45.6973C139.44 43.7792 141.049 42.2786 142.967 42.3456L302.725 47.9245C304.643 47.9914 306.144 49.6006 306.077 51.5187L301.395 185.576L134.691 179.755L139.373 45.6973Z" fill="white"/></clipPath><clipPath id="cliptagged4_506_22672"><rect x="73.3418" y="28.4567" width="164.72" height="166.806" rx="4.17014" transform="rotate(-2 73.3418 28.4567)" fill="white"/></clipPath><clipPath id="cliptagged5_506_22672"><path d="M71.7785 9.80722C71.7115 7.88913 73.2121 6.27993 75.1302 6.21295L234.888 0.634078C236.806 0.567097 238.415 2.06771 238.482 3.9858L243.164 138.044L76.4599 143.865L71.7785 9.80722Z" fill="white"/></clipPath></defs></svg>',
280
- 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) .'</div>',
281
- 'bullets' => [
282
  'heading' => __( 'And get much more!', 'instagram-feed' ),
283
- 'content' => [
284
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
285
  __( 'Powerful visual moderation', 'instagram-feed' ),
286
  __( 'Comments and Likes', 'instagram-feed' ),
@@ -293,40 +294,40 @@ class SBI_Feed_Builder {
293
  __( 'Post captions', 'instagram-feed' ),
294
  __( 'Combine multiple feed types', 'instagram-feed' ),
295
  __( '30 day money back guarantee', 'instagram-feed' ),
296
- ]
297
- ],
298
- 'buyUrl' => sprintf('https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=feed-type&utm_medium=tagged')
299
  ),
300
- 'socialwall' => [
301
- //Combine all your social media channels into one Social Wall
302
- 'heading' => __( '<span class="sb-social-wall">Combine all your social media channels into one', 'instagram-feed' ) .' <span>'. __( 'Social Wall', 'instagram-feed' ).'</span></span>',
303
- 'description' => __( '<span class="sb-social-wall">A dash of Instagram, a sprinkle of Facebook, a spoonful of Twitter, and a dollop of YouTube, all in the same feed.</span>', 'instagram-feed' ),
304
- 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) .'</div>',
305
- 'img' => '<svg width="397" height="264" viewBox="0 0 397 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><g filter="url(#filter0_ddd)"><rect x="18.957" y="63" width="113.812" height="129.461" rx="2.8453" fill="white"/></g><g clip-path="url(#clip1)"><path d="M18.957 63H132.769V176.812H18.957V63Z" fill="#0068A0"/><rect x="56.957" y="106" width="105" height="105" rx="9" fill="#005B8C"/></g><path d="M36.0293 165.701C31.4649 165.701 27.7305 169.427 27.7305 174.017C27.7305 178.166 30.7678 181.61 34.7347 182.232V176.423H32.6268V174.017H34.7347V172.183C34.7347 170.1 35.9712 168.954 37.8716 168.954C38.7762 168.954 39.7222 169.112 39.7222 169.112V171.162H38.6766C37.6475 171.162 37.3239 171.801 37.3239 172.456V174.017H39.6309L39.2575 176.423H37.3239V182.232C39.2794 181.924 41.0602 180.926 42.3446 179.419C43.629 177.913 44.3325 175.996 44.3281 174.017C44.3281 169.427 40.5936 165.701 36.0293 165.701Z" fill="#006BFA"/><rect x="53.1016" y="169.699" width="41.2569" height="9.95855" rx="1.42265" fill="#D0D1D7"/><g filter="url(#filter1_ddd)"><rect x="18.957" y="201" width="113.812" height="129.461" rx="2.8453" fill="white"/></g><g clip-path="url(#clip2)"><path d="M18.957 201H132.769V314.812H18.957V201Z" fill="#EC352F"/><circle cx="23.957" cy="243" r="59" fill="#FE544F"/></g><g filter="url(#filter2_ddd)"><rect x="139.957" y="23" width="113.812" height="129.461" rx="2.8453" fill="white"/></g><g clip-path="url(#clip3)"><path d="M139.957 23H253.769V136.812H139.957V23Z" fill="#8C8F9A"/><circle cx="127.457" cy="142.5" r="78.5" fill="#D0D1D7"/></g><path d="M157.026 129.493C154.537 129.493 152.553 131.516 152.553 133.967C152.553 136.456 154.537 138.44 157.026 138.44C159.477 138.44 161.5 136.456 161.5 133.967C161.5 131.516 159.477 129.493 157.026 129.493ZM157.026 136.884C155.431 136.884 154.109 135.601 154.109 133.967C154.109 132.372 155.392 131.088 157.026 131.088C158.621 131.088 159.905 132.372 159.905 133.967C159.905 135.601 158.621 136.884 157.026 136.884ZM162.706 129.338C162.706 128.754 162.239 128.287 161.655 128.287C161.072 128.287 160.605 128.754 160.605 129.338C160.605 129.921 161.072 130.388 161.655 130.388C162.239 130.388 162.706 129.921 162.706 129.338ZM165.662 130.388C165.584 128.987 165.273 127.743 164.262 126.731C163.25 125.72 162.005 125.409 160.605 125.331C159.166 125.253 154.848 125.253 153.408 125.331C152.008 125.409 150.802 125.72 149.752 126.731C148.74 127.743 148.429 128.987 148.351 130.388C148.274 131.827 148.274 136.145 148.351 137.585C148.429 138.985 148.74 140.191 149.752 141.241C150.802 142.253 152.008 142.564 153.408 142.642C154.848 142.719 159.166 142.719 160.605 142.642C162.005 142.564 163.25 142.253 164.262 141.241C165.273 140.191 165.584 138.985 165.662 137.585C165.74 136.145 165.74 131.827 165.662 130.388ZM163.795 139.102C163.523 139.88 162.9 140.463 162.161 140.774C160.994 141.241 158.271 141.124 157.026 141.124C155.742 141.124 153.019 141.241 151.891 140.774C151.113 140.463 150.53 139.88 150.219 139.102C149.752 137.974 149.868 135.25 149.868 133.967C149.868 132.722 149.752 129.999 150.219 128.832C150.53 128.093 151.113 127.509 151.891 127.198C153.019 126.731 155.742 126.848 157.026 126.848C158.271 126.848 160.994 126.731 162.161 127.198C162.9 127.47 163.484 128.093 163.795 128.832C164.262 129.999 164.145 132.722 164.145 133.967C164.145 135.25 164.262 137.974 163.795 139.102Z" fill="url(#paint0_linear)"/><rect x="174.102" y="129.699" width="41.2569" height="9.95855" rx="1.42265" fill="#D0D1D7"/><g filter="url(#filter3_ddd)"><rect x="139.957" y="161" width="114" height="109" rx="2.8453" fill="white"/></g><rect x="148.957" y="194" width="91" height="8" rx="1.42265" fill="#D0D1D7"/><rect x="148.957" y="208" width="51" height="8" rx="1.42265" fill="#D0D1D7"/><path d="M164.366 172.062C163.788 172.324 163.166 172.497 162.521 172.579C163.181 172.182 163.691 171.552 163.931 170.794C163.308 171.169 162.618 171.432 161.891 171.582C161.298 170.937 160.466 170.562 159.521 170.562C157.758 170.562 156.318 172.002 156.318 173.779C156.318 174.034 156.348 174.282 156.401 174.514C153.731 174.379 151.353 173.097 149.771 171.154C149.493 171.627 149.336 172.182 149.336 172.767C149.336 173.884 149.898 174.874 150.768 175.437C150.236 175.437 149.741 175.287 149.306 175.062V175.084C149.306 176.644 150.416 177.949 151.886 178.242C151.414 178.371 150.918 178.389 150.438 178.294C150.642 178.934 151.041 179.493 151.579 179.894C152.117 180.295 152.767 180.517 153.438 180.529C152.301 181.43 150.891 181.916 149.441 181.909C149.186 181.909 148.931 181.894 148.676 181.864C150.101 182.779 151.796 183.312 153.611 183.312C159.521 183.312 162.768 178.407 162.768 174.154C162.768 174.012 162.768 173.877 162.761 173.734C163.391 173.284 163.931 172.714 164.366 172.062Z" fill="#1B90EF"/><g filter="url(#filter4_ddd)"><rect x="260.957" y="63" width="113.812" height="129.461" rx="2.8453" fill="white"/></g><g clip-path="url(#clip4)"><rect x="260.957" y="63" width="113.812" height="113.812" fill="#D72C2C"/><path d="M283.359 103.308L373.461 193.41H208.793L283.359 103.308Z" fill="#DF5757"/></g><path d="M276.37 176.456L280.677 173.967L276.37 171.477V176.456ZM285.963 169.958C286.071 170.348 286.145 170.871 286.195 171.535C286.253 172.199 286.278 172.772 286.278 173.27L286.328 173.967C286.328 175.784 286.195 177.12 285.963 177.975C285.755 178.722 285.274 179.203 284.527 179.411C284.137 179.519 283.423 179.593 282.328 179.643C281.249 179.701 280.262 179.726 279.349 179.726L278.029 179.776C274.552 179.776 272.386 179.643 271.531 179.411C270.784 179.203 270.303 178.722 270.096 177.975C269.988 177.585 269.913 177.062 269.863 176.398C269.805 175.734 269.78 175.162 269.78 174.664L269.73 173.967C269.73 172.149 269.863 170.813 270.096 169.958C270.303 169.212 270.784 168.73 271.531 168.523C271.921 168.415 272.635 168.34 273.73 168.29C274.809 168.232 275.797 168.207 276.71 168.207L278.029 168.158C281.506 168.158 283.672 168.29 284.527 168.523C285.274 168.73 285.755 169.212 285.963 169.958Z" fill="#EB2121"/><rect x="295.102" y="169.699" width="41.2569" height="9.95855" rx="1.42265" fill="#D0D1D7"/><g filter="url(#filter5_ddd)"><rect x="260.957" y="201" width="113.812" height="129.461" rx="2.8453" fill="white"/></g><g clip-path="url(#clip5)"><rect x="260.957" y="201" width="113.812" height="113.812" fill="#59AB46"/><circle cx="374.457" cy="235.5" r="44.5" fill="#468737"/></g><g clip-path="url(#clip6)"><path d="M139.957 228H253.957V296C253.957 296.552 253.509 297 252.957 297H140.957C140.405 297 139.957 296.552 139.957 296V228Z" fill="#0068A0"/><circle cx="227.957" cy="245" r="34" fill="#004D77"/></g></g><defs><filter id="filter0_ddd" x="0.462572" y="53.0414" width="150.801" height="166.45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><filter id="filter1_ddd" x="0.462572" y="191.041" width="150.801" height="166.45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><filter id="filter2_ddd" x="121.463" y="13.0414" width="150.801" height="166.45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><filter id="filter3_ddd" x="121.463" y="151.041" width="150.989" height="145.989" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><filter id="filter4_ddd" x="242.463" y="53.0414" width="150.801" height="166.45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><filter id="filter5_ddd" x="242.463" y="191.041" width="150.801" height="166.45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><linearGradient id="paint0_linear" x1="154.502" y1="158.603" x2="191.208" y2="121.133" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.147864" stop-color="#F6640E"/><stop offset="0.443974" stop-color="#BA03A7"/><stop offset="0.733337" stop-color="#6A01B9"/><stop offset="1" stop-color="#6B01B9"/></linearGradient><clipPath id="clip0"><rect width="396" height="264" fill="white" transform="translate(0.957031)"/></clipPath><clipPath id="clip1"><path d="M18.957 65.3711C18.957 64.0616 20.0186 63 21.3281 63H130.398C131.708 63 132.769 64.0616 132.769 65.3711V156.895H18.957V65.3711Z" fill="white"/></clipPath><clipPath id="clip2"><path d="M18.957 203.371C18.957 202.062 20.0186 201 21.3281 201H130.398C131.708 201 132.769 202.062 132.769 203.371V294.895H18.957V203.371Z" fill="white"/></clipPath><clipPath id="clip3"><path d="M139.957 25.3711C139.957 24.0616 141.019 23 142.328 23H251.398C252.708 23 253.769 24.0616 253.769 25.3711V116.895H139.957V25.3711Z" fill="white"/></clipPath><clipPath id="clip4"><path d="M260.957 65.3711C260.957 64.0616 262.019 63 263.328 63H372.398C373.708 63 374.769 64.0616 374.769 65.3711V156.895H260.957V65.3711Z" fill="white"/></clipPath><clipPath id="clip5"><path d="M260.957 203.371C260.957 202.062 262.019 201 263.328 201H372.398C373.708 201 374.769 202.062 374.769 203.371V294.895H260.957V203.371Z" fill="white"/></clipPath><clipPath id="clip6"><path d="M139.957 228H253.957V296C253.957 296.552 253.509 297 252.957 297H140.957C140.405 297 139.957 296.552 139.957 296V228Z" fill="white"/></clipPath></defs></svg>',
306
- 'demoUrl' => 'https://smashballoon.com/social-wall/demo/?utm_campaign=instagram-free&utm_source=feed-type&utm_medium=social-wall&utm_content=learn-more',
307
- 'buyUrl' => sprintf('https://smashballoon.com/social-wall/demo/?license_key=%s&upgrade=true&utm_campaign=instagram-free&utm_source=feed-type&utm_medium=social-wall&utm_content=Try Demo', $license_key),
308
- 'bullets' => [
309
  'heading' => __( 'Upgrade to the All Access Bundle and get:', 'instagram-feed' ),
310
- 'content' => [
311
  __( 'Instagram Feed Pro', 'instagram-feed' ),
312
  __( 'Custom Twitter Feeds Pro', 'instagram-feed' ),
313
  __( 'YouTube Feeds Pro', 'instagram-feed' ),
314
  __( 'Custom Facebook Feed Pro', 'instagram-feed' ),
315
  __( 'All Pro Facebook Extensions', 'instagram-feed' ),
316
  __( 'Social Wall Pro', 'instagram-feed' ),
317
- ]
318
- ],
319
- ],
320
-
321
- //Other Types
322
- 'feedLayout' => array(
323
- 'heading' => __( 'Upgrade to Pro to get Feed Layouts', 'instagram-feed' ),
324
- 'description' => __( 'Choose from one of our built-in layout options; grid, carousel, masonry, and highlight to allow you to showcase your content in any way you want.', 'instagram-feed' ),
325
- 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#feedLayoutSettingsfilter0_d_541_17506)"><rect x="45" y="67.0205" width="166.67" height="154.67" rx="2.66672" transform="rotate(-3 45 67.0205)" fill="white"/><g clip-path="url(#clip0feedLayoutSettings_541_17506)"><rect width="97.3351" height="82.6682" transform="translate(54.8096 75.8527) rotate(-3)" fill="#FCE1D5"/><circle cx="50.9329" cy="167.516" r="66.0012" transform="rotate(-3 50.9329 167.516)" fill="#F9BBA0"/><circle cx="151.997" cy="121.496" r="56.001" transform="rotate(-3 151.997 121.496)" fill="#FE544F"/></g><rect width="42.6674" height="37.334" transform="translate(160 70.3398) rotate(-3)" fill="#E8E8EB"/><rect width="42.6674" height="37.334" transform="translate(162.372 115.612) rotate(-3)" fill="#DCDDE1"/><rect width="66.6679" height="44.0008" transform="translate(140.779 162.14) rotate(-3)" fill="#D0D1D7"/><rect width="73.3347" height="44.0008" transform="translate(59.5542 166.397) rotate(-3)" fill="#E8E8EB"/></g><g filter="url(#feedLayoutSettingsfilter1_d_541_17506)"><g clip-path="url(#clip1feedLayoutSettings_541_17506)"><rect x="175.256" y="27.1967" width="176.132" height="168.003" rx="2.27031" transform="rotate(5 175.256 27.1967)" fill="white"/><g clip-path="url(#clip2feedLayoutSettings_541_17506)"><rect width="112.002" height="124.647" transform="translate(204.782 52.4471) rotate(5)" fill="#B5E5FF"/><circle cx="199.572" cy="173.295" r="46.9609" transform="rotate(5 199.572 173.295)" fill="#43A6DB"/><circle cx="338.706" cy="133.728" r="64.1417" transform="rotate(5 338.706 133.728)" fill="#86D0F9"/></g><g clip-path="url(#clip3feedLayoutSettings_541_17506)"><rect width="112.002" height="124.647" transform="translate(322.654 62.7597) rotate(5)" fill="#B6DDAD"/><circle cx="317.444" cy="183.608" r="46.9609" transform="rotate(5 317.444 183.608)" fill="#96CE89"/></g><g clip-path="url(#clip4feedLayoutSettings_541_17506)"><rect width="112.002" height="124.647" transform="translate(86.0059 42.0556) rotate(5)" fill="#FCE1D5"/><circle cx="214.51" cy="169.366" r="64.1417" transform="rotate(5 214.51 169.366)" fill="#F9BBA0"/></g></g></g><defs><filter id="feedLayoutSettingsfilter0_d_541_17506" x="36.8814" y="54.8182" width="190.773" height="179.418" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.63923"/><feGaussianBlur stdDeviation="4.05932"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_541_17506"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_541_17506" result="shape"/></filter><filter id="feedLayoutSettingsfilter1_d_541_17506" x="153.701" y="24.2344" width="203.928" height="196.538" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3.94961"/><feGaussianBlur stdDeviation="3.45591"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_541_17506"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_541_17506" result="shape"/></filter><clipPath id="clip0feedLayoutSettings_541_17506"><rect width="97.3351" height="82.6682" fill="white" transform="translate(54.8096 75.8527) rotate(-3)"/></clipPath><clipPath id="clip1feedLayoutSettings_541_17506"><rect x="175.256" y="27.1967" width="176.132" height="168.003" rx="2.27031" transform="rotate(5 175.256 27.1967)" fill="white"/></clipPath><clipPath id="clip2feedLayoutSettings_541_17506"><rect width="112.002" height="124.647" fill="white" transform="translate(204.782 52.4471) rotate(5)"/></clipPath><clipPath id="clip3feedLayoutSettings_541_17506"><rect width="112.002" height="124.647" fill="white" transform="translate(322.654 62.7597) rotate(5)"/></clipPath><clipPath id="clip4feedLayoutSettings_541_17506"><rect width="112.002" height="124.647" fill="white" transform="translate(86.0059 42.0556) rotate(5)"/></clipPath></defs></svg>',
326
- 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) .'</div>',
327
- 'bullets' => [
328
  'heading' => __( 'And get much more!', 'instagram-feed' ),
329
- 'content' => [
330
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
331
  __( 'Powerful visual moderation', 'instagram-feed' ),
332
  __( 'Comments and Likes', 'instagram-feed' ),
@@ -339,18 +340,18 @@ class SBI_Feed_Builder {
339
  __( 'Post captions', 'instagram-feed' ),
340
  __( 'Combine multiple feed types', 'instagram-feed' ),
341
  __( '30 day money back guarantee', 'instagram-feed' ),
342
- ]
343
- ],
344
- 'buyUrl' => sprintf('https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=feed-layouts')
345
  ),
346
- 'headerLayout' => array(
347
- 'heading' => __( 'Get Stories, Followers and Advanced Header Options', 'instagram-feed' ),
348
- 'description' => __( 'Got stories to tell? We want to help you share them. Display Instagram stories right on your website in a pop-up lightbox to keep your users engaged and on your website for longer.', 'instagram-feed' ),
349
- 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#headerLayoutfilter0_d_543_17792)"><rect x="113.089" y="44.6909" width="219.908" height="169.263" rx="3" transform="rotate(3 113.089 44.6909)" fill="#0096CC"/><circle cx="219.925" cy="94.3318" r="21.9039" transform="rotate(3 219.925 94.3318)" fill="#DCDDE1"/><circle cx="219.925" cy="94.3318" r="23.99" transform="rotate(3 219.925 94.3318)" stroke="url(#paint0_linear_543_17792)" stroke-width="1.04304"/><rect x="148.973" y="123.979" width="134.61" height="11.995" rx="1.33278" transform="rotate(3 148.973 123.979)" fill="#E8E8EB"/><rect x="166.559" y="144.919" width="97.2927" height="11.995" rx="1.33278" transform="rotate(3 166.559 144.919)" fill="#E8E8EB"/><path d="M191.365 180.919C193.326 181.022 194.997 179.517 195.1 177.556C195.203 175.595 193.698 173.923 191.737 173.821C189.776 173.718 188.104 175.223 188.002 177.184C187.899 179.145 189.404 180.816 191.365 180.919ZM191.272 182.694C188.903 182.57 184.111 183.511 183.987 185.871L183.894 187.645L198.091 188.39L198.184 186.615C198.308 184.255 193.641 182.818 191.272 182.694Z" fill="#141B38"/><path d="M211.234 187.974L213.955 188.116L214.643 174.987L211.913 174.844L208.396 177.023L208.268 179.461L211.736 177.362L211.79 177.365L211.234 187.974ZM217.462 188.3L227.006 188.8L227.12 186.617L221.17 186.305L221.176 186.196L224.055 183.828C226.43 181.864 227.239 180.866 227.323 179.274L227.324 179.256C227.441 177.017 225.613 175.334 222.838 175.189C220.063 175.043 217.916 176.673 217.786 179.148L217.782 179.221L220.33 179.354L220.343 179.273C220.442 178.092 221.398 177.257 222.744 177.328C223.909 177.389 224.688 178.196 224.641 179.27L224.64 179.288C224.592 180.198 224.203 180.826 222.428 182.32L217.56 186.417L217.462 188.3ZM232.551 189.091L235.271 189.233L235.959 176.105L233.23 175.962L229.712 178.14L229.585 180.578L233.052 178.479L233.107 178.482L232.551 189.091ZM238.805 189.419L241.462 189.558L241.631 186.328L242.353 185.609L244.937 189.74L248.004 189.901L244.428 184.139L248.333 180.138L245.321 179.98L241.823 183.71L241.768 183.708L242.15 176.429L239.493 176.29L238.805 189.419Z" fill="#141B38"/></g><g filter="url(#headerLayoutfilter1_d_543_17792)"><rect x="88.5157" y="41" width="219.908" height="169.263" rx="3" fill="white"/><circle cx="197.804" cy="84.9817" r="24.6564" stroke="url(#paint1_linear_543_17792)" stroke-width="1.33278"/><rect x="128.499" y="118.301" width="134.61" height="11.995" rx="1.33278" fill="#E8E8EB"/><rect x="147.158" y="138.293" width="97.2927" height="11.995" rx="1.33278" fill="#E8E8EB"/><path d="M173.813 172.945C175.776 172.945 177.367 171.354 177.367 169.391C177.367 167.427 175.776 165.837 173.813 165.837C171.849 165.837 170.259 167.427 170.259 169.391C170.259 171.354 171.849 172.945 173.813 172.945ZM173.813 174.722C171.44 174.722 166.705 175.913 166.705 178.276V180.053H180.921V178.276C180.921 175.913 176.185 174.722 173.813 174.722Z" fill="#141B38"/><path d="M194.025 178.95H196.749V165.803H194.016L190.618 168.163V170.604L193.971 168.327H194.025V178.95ZM200.261 178.95H209.818V176.763H203.86V176.654L206.611 174.139C208.88 172.053 209.636 171.014 209.636 169.42V169.402C209.636 167.161 207.723 165.575 204.944 165.575C202.165 165.575 200.106 167.315 200.106 169.794V169.867H202.657L202.666 169.785C202.703 168.6 203.614 167.716 204.962 167.716C206.128 167.716 206.948 168.482 206.957 169.557V169.575C206.957 170.486 206.602 171.133 204.907 172.718L200.261 177.064V178.95ZM215.371 178.95H218.095V165.803H215.362L211.963 168.163V170.604L215.316 168.327H215.371V178.95ZM221.634 178.95H224.294V175.716L224.977 174.959L227.774 178.95H230.845L226.973 173.383L230.663 169.183H227.647L224.349 173.092H224.294V165.803H221.634V178.95Z" fill="#141B38"/><g clip-path="url(#headerLayoutclip0_543_17792)"><rect x="176" y="63" width="44" height="44" rx="22" fill="#0068A0"/><circle cx="198" cy="80" r="8" fill="#B5E5FF"/><circle cx="198" cy="106" r="15" fill="#B5E5FF"/></g></g><defs><filter id="headerLayoutfilter0_d_543_17792" x="96.2966" y="40.7241" width="244.333" height="196.407" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.9751" operator="erode" in="SourceAlpha" result="effect1_dropShadow_543_17792"/><feOffset dy="3.9668"/><feGaussianBlur stdDeviation="5.45435"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_543_17792"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_543_17792" result="shape"/></filter><filter id="headerLayoutfilter1_d_543_17792" x="80.5822" y="37.0332" width="235.775" height="185.13" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.9751" operator="erode" in="SourceAlpha" result="effect1_dropShadow_543_17792"/><feOffset dy="3.9668"/><feGaussianBlur stdDeviation="5.45435"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_543_17792"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_543_17792" result="shape"/></filter><linearGradient id="paint0_linear_543_17792" x1="213.028" y1="162.104" x2="314.086" y2="58.9466" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.147864" stop-color="#F6640E"/><stop offset="0.443974" stop-color="#BA03A7"/><stop offset="0.733337" stop-color="#6A01B9"/><stop offset="1" stop-color="#6B01B9"/></linearGradient><linearGradient id="paint1_linear_543_17792" x1="190.906" y1="152.753" x2="291.964" y2="49.5964" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.147864" stop-color="#F6640E"/><stop offset="0.443974" stop-color="#BA03A7"/><stop offset="0.733337" stop-color="#6A01B9"/><stop offset="1" stop-color="#6B01B9"/></linearGradient><clipPath id="headerLayoutclip0_543_17792"><rect x="176" y="63" width="44" height="44" rx="22" fill="white"/></clipPath></defs></svg>',
350
- 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) .'</div>',
351
- 'bullets' => [
352
  'heading' => __( 'And get much more!', 'instagram-feed' ),
353
- 'content' => [
354
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
355
  __( 'Powerful visual moderation', 'instagram-feed' ),
356
  __( 'Comments and Likes', 'instagram-feed' ),
@@ -363,19 +364,19 @@ class SBI_Feed_Builder {
363
  __( 'Post captions', 'instagram-feed' ),
364
  __( 'Combine multiple feed types', 'instagram-feed' ),
365
  __( '30 day money back guarantee', 'instagram-feed' ),
366
- ]
367
- ],
368
- 'buyUrl' => sprintf('https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=header')
369
  ),
370
 
371
- 'postStyling' => array(
372
- 'heading' => __( 'Display Captions, Likes, and Comments', 'instagram-feed' ),
373
- 'description' => __( 'Upgrade to Pro to display post captions below each post and in the lightbox, which can be crawled by search engines to help boost SEO.', 'instagram-feed' ),
374
- 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#hoverstatefilter0_d_557_20473)"><g clip-path="url(#hoverstateclip0_557_20473)"><rect x="196.486" y="41.9882" width="139.542" height="147.818" rx="1.74428" transform="rotate(3 196.486 41.9882)" fill="#59AB46"/><path opacity="0.4" d="M207.272 102.814C208.625 102.884 212.65 103.095 217.927 103.372C224.523 103.718 224.523 103.718 230.104 104.01C235.686 104.303 236.7 104.356 250.4 105.074C264.099 105.792 261.562 105.659 268.666 106.031C275.769 106.403 276.784 106.457 289.976 107.148C300.529 107.701 312.977 108.353 317.882 108.61" stroke="white" stroke-width="6.91919"/><path opacity="0.4" d="M208.185 85.3947C209.538 85.4656 213.563 85.6766 218.84 85.9531C225.436 86.2988 225.436 86.2988 231.017 86.5913C236.599 86.8838 237.613 86.937 251.313 87.6549C265.012 88.3729 262.475 88.2399 269.579 88.6122C276.682 88.9845 277.697 89.0376 290.889 89.729C301.442 90.2821 313.89 90.9345 318.795 91.1915" stroke="white" stroke-width="6.91919"/><path opacity="0.4" d="M206.359 120.232C207.711 120.303 211.732 120.514 217.003 120.79C223.592 121.136 223.592 121.136 229.168 121.428C234.743 121.72 234.236 121.693 247.922 122.411C261.607 123.128 260.593 123.075 268.196 123.473" stroke="white" stroke-width="6.91919"/><path d="M272.181 159.772C272.033 159.764 271.895 159.698 271.796 159.589C271.698 159.479 271.647 159.335 271.654 159.187L271.742 157.521L269.52 157.405C269.225 157.389 268.949 157.258 268.752 157.038C268.554 156.819 268.452 156.53 268.468 156.236L268.817 149.571C268.832 149.277 268.964 149 269.183 148.803C269.403 148.605 269.691 148.503 269.986 148.519L278.872 148.984C279.167 149 279.443 149.132 279.64 149.351C279.838 149.57 279.94 149.859 279.925 150.153L279.575 156.818C279.56 157.113 279.428 157.389 279.209 157.586C278.99 157.784 278.701 157.886 278.406 157.87L275.018 157.693L272.855 159.646C272.739 159.745 272.597 159.794 272.458 159.786L272.181 159.772Z" fill="white"/><path d="M287.454 158.704L289.234 158.798L289.684 150.206L287.898 150.113L285.596 151.538L285.513 153.134L287.782 151.76L287.818 151.762L287.454 158.704ZM291.529 158.918L297.774 159.245L297.849 157.816L293.955 157.612L293.959 157.541L295.843 155.992C297.397 154.706 297.927 154.053 297.981 153.011L297.982 152.999C298.059 151.535 296.863 150.433 295.047 150.338C293.231 150.243 291.826 151.31 291.741 152.929L291.739 152.977L293.406 153.064L293.414 153.011C293.479 152.238 294.104 151.692 294.986 151.738C295.748 151.778 296.257 152.306 296.226 153.009L296.226 153.021C296.195 153.616 295.94 154.027 294.779 155.005L291.593 157.685L291.529 158.918Z" fill="white"/><g clip-path="url(#hoverstateclip1_557_20473)"><path d="M218.664 146.871C219.194 148.86 218.561 150.822 217.366 152.263C216.576 153.241 215.649 154.071 214.709 154.79C213.84 155.518 211.907 156.946 211.413 156.963C210.983 156.857 210.522 156.34 210.19 156.069C208.33 154.495 206.339 152.595 205.384 150.582C204.596 148.656 204.716 146.331 206.172 144.962C208.045 143.443 210.726 143.899 212.006 145.656C212.398 145.198 212.87 144.847 213.42 144.602C215.64 143.848 217.855 144.851 218.664 146.871Z" fill="white"/></g><path d="M226.488 155.509L228.269 155.602L228.719 147.011L226.933 146.918L224.631 148.343L224.548 149.939L226.816 148.565L226.852 148.567L226.488 155.509ZM230.563 155.723L236.809 156.05L236.884 154.621L232.99 154.417L232.994 154.346L234.878 152.797C236.432 151.511 236.961 150.858 237.016 149.816L237.017 149.804C237.093 148.34 235.897 147.238 234.082 147.143C232.266 147.048 230.861 148.114 230.776 149.734L230.773 149.782L232.44 149.869L232.449 149.816C232.513 149.043 233.139 148.497 234.02 148.543C234.782 148.583 235.292 149.111 235.261 149.814L235.26 149.826C235.229 150.421 234.975 150.832 233.813 151.809L230.628 154.49L230.563 155.723ZM242.229 156.334L243.938 156.424L244.021 154.846L245.152 154.905L245.227 153.47L244.096 153.411L244.388 147.832L241.852 147.699L238.116 153.032L238.037 154.532L242.312 154.756L242.229 156.334ZM239.676 153.227L239.678 153.18L242.606 149.04L242.647 149.043L242.42 153.371L239.676 153.227Z" fill="white"/></g></g><g filter="url(#hoverstatefilter1_d_557_20473)"><g clip-path="url(#hoverstateclip2_557_20473)"><rect x="63" y="55.1204" width="139.542" height="164.834" rx="1.74428" fill="white"/><path d="M74.5776 156.85C75.7308 156.82 79.1616 156.769 83.6591 156.797C89.2809 156.832 89.2809 156.876 94.0379 156.85C98.7948 156.823 99.6597 156.771 111.336 156.823C123.012 156.876 120.85 156.876 126.904 156.85C132.958 156.823 133.823 156.81 145.067 156.85C154.062 156.881 164.671 156.877 168.852 156.872" stroke="#DCDDE1" stroke-width="6.91919"/><path d="M74.5776 171.754C75.7308 171.729 79.1616 171.685 83.6591 171.709C89.2809 171.739 89.2809 171.777 94.0379 171.754C98.7948 171.731 98.3623 171.709 110.038 171.754C121.715 171.799 120.85 171.789 127.336 171.783" stroke="#DCDDE1" stroke-width="6.91919"/><g clip-path="url(#hoverstateclip3_557_20473)"><rect x="72.5933" y="52.5039" width="132.565" height="88.9581" fill="#2C324C"/><circle cx="97.5117" cy="88.7693" r="71.0037" fill="#0068A0"/><circle cx="209.41" cy="160.88" r="73.7586" fill="#FE544F"/></g><path d="M143.009 210.272C142.862 210.272 142.72 210.214 142.616 210.109C142.512 210.005 142.453 209.864 142.453 209.716V208.048H140.229C139.934 208.048 139.651 207.93 139.442 207.722C139.233 207.513 139.116 207.23 139.116 206.935V200.262C139.116 199.967 139.233 199.684 139.442 199.475C139.651 199.266 139.934 199.149 140.229 199.149H149.127C149.422 199.149 149.705 199.266 149.913 199.475C150.122 199.684 150.239 199.967 150.239 200.262V206.935C150.239 207.23 150.122 207.513 149.913 207.722C149.705 207.93 149.422 208.048 149.127 208.048H145.734L143.677 210.111C143.565 210.217 143.426 210.272 143.287 210.272H143.009Z" fill="#434960"/><path d="M158.207 208.407H159.989V199.804H158.201L155.977 201.348V202.946L158.171 201.455H158.207V208.407ZM162.287 208.407H168.541V206.976H164.642V206.904L166.443 205.259C167.927 203.894 168.422 203.214 168.422 202.171V202.159C168.422 200.692 167.17 199.655 165.352 199.655C163.533 199.655 162.186 200.793 162.186 202.415V202.463H163.855L163.861 202.409C163.885 201.634 164.481 201.056 165.364 201.056C166.127 201.056 166.663 201.556 166.669 202.26V202.272C166.669 202.868 166.437 203.291 165.328 204.329L162.287 207.173V208.407Z" fill="#434960"/><g clip-path="url(#hoverstateclip4_557_20473)"><path d="M88.8934 200.19C89.5271 202.148 88.9967 204.141 87.879 205.642C87.1412 206.66 86.2595 207.538 85.358 208.305C84.5286 209.077 82.6726 210.605 82.1806 210.647C81.7458 210.564 81.2578 210.072 80.9126 209.819C78.9728 208.344 76.8846 206.551 75.8258 204.591C74.9381 202.708 74.9365 200.38 76.3181 198.937C78.1096 197.322 80.8104 197.637 82.1806 199.325C82.5486 198.847 83.001 198.472 83.5381 198.199C85.7151 197.33 87.9798 198.215 88.8934 200.19Z" fill="#434960"/></g><path d="M97.1573 208.407H98.9399V199.804H97.1514L94.9276 201.348V202.946L97.1216 201.455H97.1573V208.407ZM101.238 208.407H107.492V206.976H103.593V206.904L105.393 205.259C106.878 203.894 107.373 203.214 107.373 202.171V202.159C107.373 200.692 106.121 199.655 104.302 199.655C102.484 199.655 101.137 200.793 101.137 202.415V202.463H102.806L102.812 202.409C102.836 201.634 103.432 201.056 104.314 201.056C105.077 201.056 105.614 201.556 105.62 202.26V202.272C105.62 202.868 105.387 203.291 104.278 204.329L101.238 207.173V208.407ZM112.92 208.407H114.631V206.827H115.764V205.39H114.631V199.804H112.091L108.639 205.324V206.827H112.92V208.407ZM110.207 205.438V205.39L112.914 201.103H112.956V205.438H110.207Z" fill="#434960"/></g></g><path d="M293.823 189.298L293.89 188.027L292.48 187.953L292.546 186.682L289.727 186.534L289.793 185.263L285.564 185.041L285.63 183.77L282.811 183.623L283.077 178.539L281.667 178.465L281.734 177.194L278.914 177.046L278.848 178.317L277.438 178.243L276.838 189.682L275.429 189.608L275.495 188.337L271.266 188.115L270.999 193.199L272.409 193.273L272.276 195.815L273.686 195.889L273.553 198.431L274.962 198.505L274.829 201.047L276.239 201.121L276.039 204.934L291.547 205.746L291.814 200.663L293.224 200.736L293.423 196.923L292.014 196.85L291.814 200.663L290.404 200.589L290.204 204.402L277.516 203.737L277.649 201.195L276.239 201.121L276.372 198.579L274.962 198.505L275.096 195.963L273.686 195.889L273.819 193.347L272.409 193.273L272.609 189.46L275.429 189.608L275.362 190.879L276.772 190.953L276.572 194.766L277.982 194.84L278.848 178.317L281.667 178.465L281.068 189.904L282.478 189.977L282.744 184.894L285.564 185.041L285.297 190.125L286.707 190.199L286.907 186.386L289.727 186.534L289.46 191.618L290.87 191.692L291.07 187.879L292.48 187.953L292.413 189.224L293.823 189.298L293.423 196.923L294.833 196.997L295.233 189.371L293.823 189.298Z" fill="#141B38"/><path d="M292.014 196.85L293.424 196.923L293.823 189.298L292.413 189.224L292.48 187.953L291.07 187.879L290.87 191.692L289.461 191.618L289.727 186.534L286.907 186.386L286.708 190.199L285.298 190.125L285.564 185.041L282.745 184.894L282.478 189.977L281.068 189.904L281.668 178.465L278.848 178.317L277.982 194.84L276.572 194.766L276.772 190.953L275.362 190.879L275.429 189.608L272.609 189.46L272.409 193.273L273.819 193.347L273.686 195.889L275.096 195.963L274.963 198.505L276.372 198.579L276.239 201.121L277.649 201.195L277.516 203.737L290.204 204.402L290.404 200.589L291.814 200.663L292.014 196.85Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M280.869 193.717L282.278 193.791L281.964 199.782L280.555 199.708L280.869 193.717ZM285.098 193.938L283.688 193.864L283.374 199.856L284.784 199.93L285.098 193.938ZM287.917 194.086L286.507 194.012L286.193 200.004L287.603 200.078L287.917 194.086Z" fill="#141B38"/><defs><filter id="hoverstatefilter0_d_557_20473" x="181.831" y="38.5286" width="160.926" height="168.757" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.5947" operator="erode" in="SourceAlpha" result="effect1_dropShadow_557_20473"/><feOffset dy="3.45959"/><feGaussianBlur stdDeviation="4.75694"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_20473"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_557_20473" result="shape"/></filter><filter id="hoverstatefilter1_d_557_20473" x="56.0808" y="51.6608" width="153.38" height="178.672" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.5947" operator="erode" in="SourceAlpha" result="effect1_dropShadow_557_20473"/><feOffset dy="3.45959"/><feGaussianBlur stdDeviation="4.75694"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_20473"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_557_20473" result="shape"/></filter><clipPath id="hoverstateclip0_557_20473"><rect x="196.486" y="41.9882" width="139.542" height="147.818" rx="1.74428" transform="rotate(3 196.486 41.9882)" fill="white"/></clipPath><clipPath id="hoverstateclip1_557_20473"><rect width="13.9542" height="13.9542" fill="white" transform="translate(205.154 143.248) rotate(3)"/></clipPath><clipPath id="hoverstateclip2_557_20473"><rect x="63" y="55.1204" width="139.542" height="164.834" rx="1.74428" fill="white"/></clipPath><clipPath id="hoverstateclip3_557_20473"><rect width="139.542" height="86.3416" fill="white" transform="translate(62.9998 55.1204)"/></clipPath><clipPath id="hoverstateclip4_557_20473"><rect width="13.9542" height="13.9542" fill="white" transform="translate(75.21 197.279)"/></clipPath></defs></svg>',
375
- 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) .'</div>',
376
- 'bullets' => [
377
  'heading' => __( 'And get much more!', 'instagram-feed' ),
378
- 'content' => [
379
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
380
  __( 'Powerful visual moderation', 'instagram-feed' ),
381
  __( 'Comments and Likes', 'instagram-feed' ),
@@ -388,19 +389,19 @@ class SBI_Feed_Builder {
388
  __( 'Post captions', 'instagram-feed' ),
389
  __( 'Combine multiple feed types', 'instagram-feed' ),
390
  __( '30 day money back guarantee', 'instagram-feed' ),
391
- ]
392
- ],
393
- 'buyUrl' => sprintf('https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=posts')
394
  ),
395
 
396
- 'lightbox' => array(
397
- 'heading' => __( 'Upgrade to Pro to enable the popup Lightbox', 'instagram-feed' ),
398
- 'description' => __( 'Allow visitors to view your photos and videos in a beautiful full size lightbox, keeping them on your site for longer to discover more of your content.', 'instagram-feed' ),
399
- 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M50.5998 136.122L48.2638 134.019L39.3134 143.959L49.2538 152.91L51.3572 150.574L43.7685 143.726L50.5998 136.122Z" fill="#8C8F9A"/><path d="M347.201 119.809L345.097 122.145L352.686 128.993L345.855 136.597L348.191 138.7L357.141 128.76L347.201 119.809Z" fill="#8C8F9A"/><g clip-path="url(#lightboxxclip0_557_20899)" filter="url(#lightboxxfilter0_d_557_20899)"><rect width="261.925" height="173.162" transform="translate(62.6831 52.3919) rotate(-3)" fill="white"/><rect x="112.468" y="187.874" width="93.129" height="5.82056" rx="1.45514" transform="rotate(-3 112.468 187.874)" fill="#D0D1D7"/><rect x="113.151" y="200.952" width="53.8402" height="5.82056" rx="1.45514" transform="rotate(-3 113.151 200.952)" fill="#D0D1D7"/><circle cx="94.1753" cy="195.21" r="8.73084" transform="rotate(-3 94.1753 195.21)" fill="#DCDDE1"/><g clip-path="url(#lightboxxclip1_557_20899)"><rect x="62.6812" y="52.3918" width="262.169" height="173.162" transform="rotate(-3 62.6812 52.3918)" fill="#FE544F"/><rect x="191.14" y="20.5734" width="271.58" height="334.479" rx="55.73" transform="rotate(2.99107 191.14 20.5734)" fill="#DCDDE1"/><circle cx="141.741" cy="201.742" r="113.935" transform="rotate(-3 141.741 201.742)" fill="#0096CC"/></g></g><defs><filter id="lightboxxfilter0_d_557_20899" x="53.8243" y="34.2544" width="288.346" height="204.35" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="3.32203" operator="erode" in="SourceAlpha" result="effect1_dropShadow_557_20899"/><feOffset dy="4.42938"/><feGaussianBlur stdDeviation="6.0904"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_20899"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_557_20899" result="shape"/></filter><clipPath id="lightboxxclip0_557_20899"><rect width="261.925" height="173.162" fill="white" transform="translate(62.6831 52.3919) rotate(-3)"/></clipPath><clipPath id="lightboxxclip1_557_20899"><rect width="262.15" height="121.608" fill="white" transform="translate(62.6821 52.3919) rotate(-3)"/></clipPath></defs></svg>',
400
- 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) .'</div>',
401
- 'bullets' => [
402
  'heading' => __( 'And get much more!', 'instagram-feed' ),
403
- 'content' => [
404
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
405
  __( 'Powerful visual moderation', 'instagram-feed' ),
406
  __( 'Comments and Likes', 'instagram-feed' ),
@@ -413,19 +414,19 @@ class SBI_Feed_Builder {
413
  __( 'Post captions', 'instagram-feed' ),
414
  __( 'Combine multiple feed types', 'instagram-feed' ),
415
  __( '30 day money back guarantee', 'instagram-feed' ),
416
- ]
417
- ],
418
- 'buyUrl' => sprintf('https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=lightbox')
419
  ),
420
 
421
  'filtermoderation' => array(
422
- 'heading' => __( 'Get Advanced Moderation and Filters with Pro', 'instagram-feed' ),
423
- 'description' => __( 'Use powerful moderation tools to easily create feeds of only specific photos, or choose specific ones to exclude. You can also easily choose to include or block specific words or phrases in your posts.', 'instagram-feed' ),
424
- 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#moderationfltrclip0_542_16736)"><g filter="url(#moderationfltrfilter0_ddd_542_16736)"><rect x="139.981" y="52.5992" width="162.17" height="179.401" rx="3.96584" fill="white"/></g><path d="M156.198 174.881C157.55 174.847 161.57 174.786 166.841 174.819C173.429 174.86 173.429 174.912 179.003 174.881C184.578 174.85 185.592 174.788 199.275 174.85C212.958 174.912 210.424 174.912 217.519 174.881C224.614 174.85 225.627 174.835 238.804 174.881C249.345 174.918 261.778 174.913 266.677 174.907" stroke="#DCDDE1" stroke-width="8.10851"/><path d="M156.198 194.559C157.55 194.53 161.57 194.478 166.841 194.506C173.429 194.542 173.429 194.586 179.003 194.559C184.578 194.533 184.071 194.506 197.754 194.559C211.437 194.613 210.424 194.6 218.026 194.593" stroke="#DCDDE1" stroke-width="8.10851"/><g clip-path="url(#moderationfltrclip1_542_16736)"><rect x="151.131" y="65.7755" width="139.912" height="88.1801" fill="#8C8F9A"/><circle cx="157.01" cy="165.713" r="48.2051" fill="#EC352F"/><circle cx="295.745" cy="112.805" r="65.8411" fill="#DCDDE1"/></g><circle cx="291.51" cy="58.1738" r="18.7509" fill="#D72C2C"/><path d="M290.886 55.6399L293.028 57.7751V57.667C293.028 57.1294 292.815 56.6137 292.435 56.2336C292.054 55.8534 291.539 55.6399 291.001 55.6399H290.886ZM287.981 56.1804L289.028 57.2278C288.994 57.3697 288.974 57.5116 288.974 57.667C288.974 58.2046 289.188 58.7202 289.568 59.1004C289.948 59.4805 290.464 59.6941 291.001 59.6941C291.15 59.6941 291.298 59.6738 291.44 59.6401L292.488 60.6874C292.035 60.9104 291.535 61.0455 291.001 61.0455C290.105 61.0455 289.246 60.6896 288.612 60.056C287.979 59.4224 287.623 58.563 287.623 57.667C287.623 57.1332 287.758 56.6332 287.981 56.1804ZM284.244 52.4438L285.785 53.9844L286.089 54.2884C284.974 55.1669 284.095 56.3156 283.568 57.667C284.737 60.6333 287.623 62.7348 291.001 62.7348C292.049 62.7348 293.049 62.5321 293.961 62.1672L294.251 62.451L296.224 64.4241L297.083 63.5659L285.102 51.5856L284.244 52.4438ZM291.001 54.2884C291.897 54.2884 292.757 54.6444 293.39 55.278C294.024 55.9116 294.38 56.7709 294.38 57.667C294.38 58.0994 294.292 58.5184 294.136 58.8968L296.116 60.8766C297.13 60.032 297.941 58.9238 298.434 57.667C297.265 54.7006 294.38 52.5992 291.001 52.5992C290.055 52.5992 289.15 52.7681 288.298 53.0722L289.765 54.5249C290.15 54.3763 290.562 54.2884 291.001 54.2884Z" fill="white"/><g filter="url(#moderationfltrfilter1_ddd_542_16736)"><rect x="85.7402" y="31.9814" width="162.17" height="179.401" rx="3.96584" fill="white"/><path d="M101.957 154.263C103.308 154.229 107.329 154.169 112.599 154.201C119.188 154.242 119.188 154.294 124.762 154.263C130.337 154.232 131.35 154.171 145.034 154.232C158.717 154.294 156.183 154.294 163.278 154.263C170.373 154.232 171.386 154.217 184.562 154.263C195.104 154.3 207.537 154.296 212.436 154.289" stroke="#DCDDE1" stroke-width="8.10851"/><path d="M101.957 173.942C103.308 173.912 107.329 173.86 112.599 173.889C119.188 173.924 119.188 173.968 124.762 173.942C130.337 173.915 129.83 173.889 143.513 173.942C157.196 173.995 156.183 173.982 163.784 173.975" stroke="#DCDDE1" stroke-width="8.10851"/><g clip-path="url(#moderationfltrclip2_542_16736)"><rect x="96.8887" y="45.1577" width="139.912" height="88.1801" fill="#2C324C"/><circle cx="125.771" cy="71.4144" r="83.2083" fill="#0068A0"/><circle cx="256.9" cy="155.92" r="86.4368" fill="#FE544F"/></g></g><circle cx="234.383" cy="30.7509" r="18.7509" fill="#0096CC"/><g clip-path="url(#moderationfltrclip3_542_16736)"><path d="M233.874 28.217C233.337 28.217 232.821 28.4306 232.441 28.8108C232.061 29.1909 231.847 29.7065 231.847 30.2442C231.847 30.7818 232.061 31.2974 232.441 31.6775C232.821 32.0577 233.337 32.2713 233.874 32.2713C234.412 32.2713 234.927 32.0577 235.308 31.6775C235.688 31.2974 235.901 30.7818 235.901 30.2442C235.901 29.7065 235.688 29.1909 235.308 28.8108C234.927 28.4306 234.412 28.217 233.874 28.217ZM233.874 33.6227C232.978 33.6227 232.119 33.2667 231.485 32.6331C230.852 31.9995 230.496 31.1402 230.496 30.2442C230.496 29.3481 230.852 28.4888 231.485 27.8552C232.119 27.2216 232.978 26.8656 233.874 26.8656C234.77 26.8656 235.63 27.2216 236.263 27.8552C236.897 28.4888 237.253 29.3481 237.253 30.2442C237.253 31.1402 236.897 31.9995 236.263 32.6331C235.63 33.2667 234.77 33.6227 233.874 33.6227ZM233.874 25.1763C230.496 25.1763 227.61 27.2778 226.441 30.2442C227.61 33.2105 230.496 35.312 233.874 35.312C237.253 35.312 240.138 33.2105 241.307 30.2442C240.138 27.2778 237.253 25.1763 233.874 25.1763Z" fill="white"/></g></g><defs><filter id="moderationfltrfilter0_ddd_542_16736" x="114.203" y="38.7187" width="213.726" height="230.957" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_542_16736"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_542_16736" result="effect2_dropShadow_542_16736"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_542_16736" result="effect3_dropShadow_542_16736"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_542_16736" result="shape"/></filter><filter id="moderationfltrfilter1_ddd_542_16736" x="59.9623" y="18.101" width="213.726" height="230.957" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_542_16736"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_542_16736" result="effect2_dropShadow_542_16736"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_542_16736" result="effect3_dropShadow_542_16736"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_542_16736" result="shape"/></filter><clipPath id="moderationfltrclip0_542_16736"><path d="M0 0H396V264H0V0Z" fill="white"/></clipPath><clipPath id="moderationfltrclip1_542_16736"><rect x="151.131" y="65.7755" width="139.912" height="88.1801" rx="2" fill="white"/></clipPath><clipPath id="moderationfltrclip2_542_16736"><rect x="96.8887" y="45.1577" width="139.912" height="88.1801" rx="2" fill="white"/></clipPath><clipPath id="moderationfltrclip3_542_16736"><rect width="16.217" height="16.217" fill="white" transform="translate(225.767 22.1356)"/></clipPath></defs></svg>',
425
- 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) .'</div>',
426
- 'bullets' => [
427
  'heading' => __( 'And get much more!', 'instagram-feed' ),
428
- 'content' => [
429
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
430
  __( 'Powerful visual moderation', 'instagram-feed' ),
431
  __( 'Comments and Likes', 'instagram-feed' ),
@@ -438,19 +439,19 @@ class SBI_Feed_Builder {
438
  __( 'Post captions', 'instagram-feed' ),
439
  __( 'Combine multiple feed types', 'instagram-feed' ),
440
  __( '30 day money back guarantee', 'instagram-feed' ),
441
- ]
442
- ],
443
- 'buyUrl' => sprintf('https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=filters')
444
  ),
445
 
446
- 'shoppablefeed' => array(
447
- 'heading' => __( 'Upgrade to Pro to Get Shoppable Feeds', 'instagram-feed' ),
448
- 'description' => __( 'Automatically link Instagram posts to custom URLs of your choosing by adding the URL in the caption, or manually add links to specific pages or products on your site (or other sites) in a quick and easy way.', 'instagram-feed' ),
449
- 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#shoppablefeedfilter0_d_557_17550)"><rect x="234.717" y="38.2059" width="143" height="158.889" rx="2" transform="rotate(4 234.717 38.2059)" fill="white"/></g><rect width="143" height="82.0926" transform="translate(234.717 38.2059) rotate(4)" fill="#E8E8EB"/><g filter="url(#shoppablefeedfilter1_dd_557_17550)"><mask id="shoppablefeedmask0_557_17550" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="266" y="53" width="80" height="62"><path fill-rule="evenodd" clip-rule="evenodd" d="M315.226 54.937C315.099 58.5599 310.591 61.343 305.157 61.1533C299.723 60.9635 295.42 57.8727 295.546 54.2498C295.546 54.2498 295.546 54.2497 295.546 54.2497L286.163 53.922C286.057 53.9183 285.951 53.9404 285.856 53.9863L278.402 57.5651C278.37 57.5802 278.351 57.6124 278.352 57.6471C278.35 57.62 278.321 57.6035 278.297 57.6159L266.724 63.5265C266.477 63.6528 266.336 63.921 266.372 64.1964L268.295 78.8772C268.344 79.2535 268.701 79.5097 269.073 79.4357L278.317 77.5986C278.714 77.5198 279.086 77.8146 279.101 78.2185L280.339 112.219C280.352 112.563 280.628 112.839 280.972 112.851L326.982 114.458C327.326 114.47 327.621 114.214 327.657 113.872L331.266 80.0236C331.308 79.6249 331.695 79.3572 332.083 79.4578L341.845 81.9875C342.209 82.0819 342.578 81.8513 342.653 81.4825L345.594 66.9741C345.651 66.6966 345.523 66.4143 345.277 66.2738L333.503 59.5421C333.48 59.5288 333.45 59.5433 333.447 59.57C333.45 59.5361 333.433 59.5032 333.404 59.4863L326.216 55.3957C326.124 55.3432 326.021 55.3139 325.915 55.3102L315.226 54.9369C315.226 54.9369 315.226 54.937 315.226 54.937Z" fill="white"/></mask><g mask="url(#shoppablefeedmask0_557_17550)"><rect x="261.444" y="49.1168" width="94.5192" height="70.8894" transform="rotate(4 261.444 49.1168)" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M304.293 77.7265C302.782 76.9164 301.23 75.7559 299.747 75.1625C300.196 76.4854 300.555 77.8865 300.931 79.2729C299.943 79.9127 298.808 80.3837 297.719 80.9071C298.549 81.8507 299.776 82.4491 300.728 83.2863C299.853 84.2243 298.197 85.147 297.749 86.0211C299.431 85.9288 301.399 85.7258 302.956 85.7657C303.177 87.5038 303.222 89.3956 303.597 90.9999C304.464 88.9723 305.268 86.8705 306.263 84.99C307.552 85.6316 309.122 86.4139 310.395 86.828C309.575 85.4894 308.84 84.0769 308.131 82.6421C309.383 81.8618 310.648 81.0961 311.86 80.2694C310.247 80.0064 308.572 79.7978 306.872 79.6108C306.724 77.8331 306.942 75.7372 306.638 74.0953C305.915 75.3731 305.086 76.5293 304.293 77.7265ZM304.045 92.3479C303.766 93.2504 304.446 93.6761 304.301 94.2247C303.62 93.9356 303.104 93.7755 302.159 93.8425C302.238 93.1288 302.889 93.0725 302.817 92.1846C292.92 90.3527 294.16 72.3239 304.157 71.908C316.657 71.388 315.549 92.832 304.045 92.3479Z" fill="#FE544F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M306.638 74.0951C306.942 75.7371 306.724 77.833 306.872 79.6107C308.572 79.7977 310.247 80.0062 311.86 80.2693C310.648 81.096 309.383 81.8617 308.131 82.642C308.84 84.0768 309.575 85.4893 310.395 86.8279C309.122 86.4138 307.552 85.6315 306.263 84.9899C305.268 86.8704 304.464 88.9721 303.597 90.9997C303.221 89.3955 303.177 87.5037 302.956 85.7655C301.399 85.7257 299.431 85.9287 297.749 86.021C298.197 85.1469 299.853 84.2242 300.728 83.2861C299.776 82.449 298.549 81.8506 297.719 80.907C298.808 80.3836 299.943 79.9126 300.931 79.2727C300.555 77.8864 300.196 76.4853 299.747 75.1624C301.23 75.7557 302.782 76.9163 304.293 77.7264C305.086 76.5292 305.915 75.3729 306.638 74.0951Z" fill="white"/></g></g><path d="M245.82 168.987C245.767 169.739 245.479 170.369 244.954 170.878C244.429 171.387 243.773 171.678 242.987 171.751L242.896 173.041C242.892 173.11 242.866 173.165 242.819 173.206C242.771 173.247 242.714 173.266 242.645 173.261L241.655 173.192C241.591 173.187 241.538 173.16 241.494 173.11C241.451 173.06 241.432 173.003 241.436 172.939L241.526 171.649C241.207 171.583 240.9 171.485 240.607 171.355C240.313 171.226 240.073 171.1 239.885 170.975C239.697 170.851 239.524 170.721 239.367 170.584C239.209 170.447 239.102 170.347 239.045 170.283C238.988 170.22 238.948 170.173 238.926 170.142C238.85 170.033 238.852 169.932 238.932 169.838L239.757 168.896C239.795 168.849 239.853 168.824 239.932 168.82C240.006 168.815 240.064 168.841 240.104 168.898L240.118 168.914C240.636 169.439 241.209 169.788 241.836 169.96C242.014 170.012 242.194 170.044 242.375 170.057C242.771 170.085 243.127 170.003 243.443 169.813C243.759 169.623 243.93 169.334 243.957 168.945C243.967 168.808 243.939 168.675 243.874 168.547C243.81 168.419 243.735 168.31 243.65 168.22C243.566 168.131 243.429 168.028 243.24 167.914C243.052 167.8 242.896 167.71 242.772 167.644C242.649 167.579 242.459 167.485 242.202 167.364C242.017 167.272 241.871 167.2 241.764 167.148C241.657 167.096 241.511 167.02 241.326 166.921C241.141 166.822 240.994 166.735 240.883 166.66C240.773 166.586 240.641 166.489 240.487 166.37C240.333 166.25 240.21 166.137 240.116 166.029C240.023 165.921 239.925 165.793 239.823 165.645C239.72 165.498 239.643 165.349 239.592 165.2C239.541 165.051 239.501 164.884 239.472 164.699C239.443 164.514 239.436 164.321 239.45 164.12C239.497 163.441 239.779 162.864 240.294 162.386C240.809 161.909 241.456 161.623 242.234 161.529L242.327 160.202C242.331 160.139 242.358 160.085 242.408 160.042C242.458 159.998 242.515 159.979 242.578 159.983L243.569 160.052C243.637 160.057 243.692 160.083 243.733 160.13C243.774 160.178 243.792 160.236 243.787 160.305L243.696 161.602C243.973 161.651 244.24 161.726 244.495 161.828C244.751 161.93 244.958 162.027 245.117 162.12C245.275 162.212 245.424 162.315 245.563 162.429C245.703 162.542 245.793 162.62 245.834 162.662C245.876 162.705 245.91 162.742 245.937 162.773C246.014 162.868 246.02 162.962 245.954 163.056L245.285 164.091C245.24 164.162 245.181 164.197 245.108 164.197C245.038 164.207 244.973 164.185 244.913 164.131C244.9 164.115 244.866 164.083 244.813 164.035C244.76 163.987 244.669 163.915 244.54 163.82C244.412 163.725 244.274 163.636 244.128 163.554C243.981 163.472 243.803 163.396 243.594 163.324C243.386 163.253 243.178 163.21 242.973 163.196C242.508 163.163 242.122 163.242 241.813 163.433C241.505 163.624 241.339 163.886 241.316 164.22C241.307 164.348 241.319 164.468 241.353 164.579C241.388 164.69 241.453 164.797 241.549 164.9C241.645 165.003 241.736 165.09 241.821 165.163C241.907 165.236 242.039 165.321 242.216 165.42C242.394 165.519 242.537 165.596 242.646 165.65C242.756 165.705 242.922 165.784 243.146 165.889C243.398 166.005 243.591 166.097 243.724 166.163C243.857 166.229 244.037 166.328 244.264 166.46C244.49 166.592 244.668 166.709 244.796 166.812C244.924 166.914 245.067 167.048 245.225 167.212C245.383 167.376 245.502 167.541 245.581 167.707C245.661 167.873 245.724 168.067 245.773 168.287C245.821 168.508 245.837 168.741 245.82 168.987Z" fill="#0068A0"/><rect x="240.659" y="143.036" width="74.1481" height="10.5926" transform="rotate(4 240.659 143.036)" fill="#DCDDE1"/><rect x="252.575" y="162.452" width="32.6605" height="10.5926" transform="rotate(4 252.575 162.452)" fill="#BFE8FF"/><rect x="328.66" y="112.025" width="33.5432" height="33.5432" rx="16.7716" transform="rotate(4 328.66 112.025)" fill="#FE544F"/><g clip-path="url(#shoppablefeedclip0_557_17550)"><path d="M338.611 121.57C338.377 121.554 338.147 121.631 337.97 121.784C337.794 121.938 337.685 122.155 337.669 122.389C337.653 122.622 337.73 122.853 337.883 123.03C338.037 123.206 338.254 123.315 338.488 123.331L339.562 123.406L339.756 124.501C339.757 124.514 339.759 124.526 339.762 124.539L340.623 129.404L339.782 130.134C338.595 131.166 339.248 133.118 340.817 133.227L348.377 133.756C348.611 133.772 348.841 133.695 349.018 133.542C349.195 133.388 349.303 133.171 349.319 132.937C349.336 132.704 349.259 132.473 349.105 132.296C348.952 132.12 348.734 132.011 348.5 131.995L340.94 131.466L341.882 130.647L347.682 131.053C347.845 131.064 348.008 131.03 348.153 130.954C348.299 130.877 348.419 130.762 348.503 130.621L351.514 125.522C351.59 125.393 351.632 125.246 351.636 125.096C351.64 124.945 351.605 124.796 351.535 124.663C351.465 124.53 351.363 124.417 351.237 124.335C351.111 124.252 350.966 124.204 350.816 124.193L341.376 123.533L341.18 122.419C341.145 122.226 341.047 122.049 340.901 121.917C340.755 121.786 340.568 121.707 340.372 121.693L338.611 121.57Z" fill="white"/><path d="M349.104 136.019C349.08 136.369 348.917 136.696 348.652 136.926C348.387 137.156 348.041 137.272 347.691 137.248C347.34 137.223 347.014 137.06 346.784 136.795C346.553 136.53 346.438 136.185 346.462 135.834C346.487 135.484 346.649 135.158 346.915 134.928C347.18 134.697 347.525 134.581 347.876 134.606C348.226 134.63 348.552 134.793 348.782 135.058C349.013 135.323 349.129 135.669 349.104 136.019Z" fill="white"/><path d="M340.646 136.755C340.996 136.78 341.342 136.664 341.607 136.433C341.872 136.203 342.035 135.877 342.059 135.527C342.084 135.176 341.968 134.831 341.738 134.566C341.507 134.3 341.181 134.138 340.831 134.113C340.48 134.089 340.135 134.204 339.87 134.435C339.605 134.665 339.442 134.992 339.417 135.342C339.393 135.692 339.509 136.038 339.739 136.303C339.969 136.568 340.296 136.731 340.646 136.755Z" fill="white"/></g><path d="M355.663 146.817L355.732 145.836L354.644 145.76L354.712 144.78L352.537 144.628L352.605 143.647L349.342 143.419L349.411 142.438L347.235 142.286L347.509 138.363L346.422 138.287L346.49 137.307L344.315 137.155L344.246 138.135L343.158 138.059L342.541 146.885L341.454 146.809L341.522 145.828L338.259 145.6L337.985 149.523L339.072 149.599L338.935 151.56L340.023 151.636L339.886 153.597L340.974 153.673L340.836 155.634L341.924 155.711L341.718 158.652L353.684 159.489L353.958 155.567L355.046 155.643L355.252 152.701L354.164 152.625L353.958 155.567L352.87 155.491L352.665 158.432L342.875 157.748L343.012 155.787L341.924 155.711L342.061 153.749L340.974 153.673L341.111 151.712L340.023 151.636L340.16 149.675L339.072 149.599L339.278 146.657L341.454 146.809L341.385 147.789L342.473 147.866L342.267 150.807L343.355 150.883L344.246 138.135L346.422 138.287L345.805 147.113L346.892 147.189L347.167 143.267L349.342 143.419L349.068 147.341L350.156 147.417L350.361 144.475L352.537 144.628L352.263 148.55L353.35 148.626L353.556 145.684L354.644 145.76L354.575 146.741L355.663 146.817L355.252 152.701L356.339 152.777L356.751 146.893L355.663 146.817Z" fill="#141B38"/><path d="M354.164 152.625L355.252 152.701L355.663 146.817L354.576 146.741L354.644 145.76L353.556 145.684L353.351 148.626L352.263 148.55L352.537 144.628L350.362 144.476L350.156 147.417L349.068 147.341L349.342 143.419L347.167 143.267L346.893 147.189L345.805 147.113L346.422 138.287L344.247 138.135L343.355 150.884L342.267 150.807L342.473 147.866L341.385 147.79L341.454 146.809L339.278 146.657L339.073 149.599L340.16 149.675L340.023 151.636L341.111 151.712L340.974 153.673L342.062 153.749L341.924 155.711L343.012 155.787L342.875 157.748L352.665 158.433L352.871 155.491L353.958 155.567L354.164 152.625Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M345.6 150.055L346.687 150.131L346.364 154.754L345.276 154.678L345.6 150.055ZM348.861 150.283L347.774 150.207L347.45 154.83L348.538 154.906L348.861 150.283ZM351.037 150.435L349.949 150.359L349.626 154.982L350.714 155.058L351.037 150.435Z" fill="#141B38"/><g filter="url(#shoppablefeedfilter2_d_557_17550)"><g clip-path="url(#shoppablefeedclip1_557_17550)"><rect x="19.4355" y="57.3804" width="135.359" height="149.741" rx="1.66935" transform="rotate(-4 19.4355 57.3804)" fill="white"/><path d="M40.0569 158.253C41.1801 158.146 44.5242 157.862 48.9146 157.582C54.4026 157.233 54.4056 157.275 59.0454 156.925C63.6853 156.575 64.5256 156.465 75.9223 155.719C87.319 154.974 85.2092 155.121 91.115 154.683C97.0207 154.244 97.8637 154.172 108.838 153.443C117.617 152.86 127.969 152.133 132.047 151.842" stroke="#DCDDE1" stroke-width="6.76797"/><path d="M41.2028 174.638C42.3263 174.535 45.6709 174.258 50.061 173.974C55.5487 173.62 55.5512 173.657 60.1913 173.31C64.8314 172.964 64.4079 172.971 75.8041 172.219C87.2003 171.466 86.3557 171.515 92.6848 171.066" stroke="#DCDDE1" stroke-width="6.76797"/><g clip-path="url(#shoppablefeedclip2_557_17550)"><rect x="28.8848" y="56.2416" width="126" height="85" transform="rotate(-4 28.8848 56.2416)" fill="#2C324C"/><circle cx="55.061" cy="87.8833" r="69.4519" transform="rotate(-4 55.061 87.8833)" fill="#0068A0"/><circle cx="169.165" cy="150.611" r="72.1466" transform="rotate(-4 169.165 150.611)" fill="#FE544F"/><g filter="url(#shoppablefeedfilter3_dd_557_17550)"><mask id="shoppablefeedmask1_557_17550" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="48" y="63" width="85" height="66"><path fill-rule="evenodd" clip-rule="evenodd" d="M99.0497 64.5008C99.3159 68.3075 94.9027 71.7172 89.1926 72.1164C83.4825 72.5157 78.6378 69.7535 78.3716 65.9467C78.3716 65.9467 78.3716 65.9467 78.3715 65.9467L68.5145 66.6359C68.4031 66.6437 68.2952 66.6784 68.2002 66.737L60.7405 71.3345C60.7395 71.3351 60.739 71.3362 60.7391 71.3374C60.739 71.3365 60.7379 71.336 60.7372 71.3365L49.2225 78.8298C48.9775 78.9893 48.8594 79.2856 48.9274 79.5698L52.5559 94.7276C52.6489 95.1162 53.0511 95.3451 53.4327 95.2267L62.9064 92.2867C63.3127 92.1606 63.7354 92.4282 63.7952 92.8495L68.8327 128.308C68.8837 128.667 69.2033 128.925 69.5649 128.9L117.909 125.52C118.27 125.494 118.551 125.194 118.552 124.831L118.605 88.9987C118.606 88.5767 118.981 88.2538 119.399 88.3164L129.898 89.8909C130.289 89.9496 130.65 89.6677 130.688 89.2734L132.171 73.7607C132.2 73.4641 132.035 73.1826 131.762 73.0626L118.741 67.3309C118.693 67.3098 118.639 67.3439 118.637 67.3962C118.638 67.3298 118.598 67.2696 118.537 67.2429L110.609 63.7715C110.507 63.7267 110.395 63.7074 110.284 63.7152L99.0498 64.5007C99.0497 64.5007 99.0497 64.5007 99.0497 64.5008Z" fill="white"/></mask><g mask="url(#shoppablefeedmask1_557_17550)"><rect x="42.1084" y="64.3252" width="99.4973" height="74.623" transform="rotate(-2 42.1084 64.3252)" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M90.1159 89.5619C88.4449 88.8801 86.6928 87.8358 85.0752 87.3778C85.6909 88.7134 86.221 90.1407 86.7672 91.5507C85.8032 92.3293 84.6669 92.9472 83.584 93.6151C84.5566 94.5116 85.907 95.0031 86.9961 95.7747C86.1829 96.853 84.5514 98.0011 84.1777 98.9657C85.9293 98.6838 87.9668 98.2548 89.6011 98.1252C90.0239 99.9205 90.2786 101.896 90.848 103.534C91.5332 101.316 92.1429 99.0275 92.9782 96.9493C94.3977 97.4792 96.1277 98.1254 97.5056 98.4189C96.5002 97.1077 95.5757 95.7098 94.6756 94.2857C95.9006 93.331 97.1405 92.3903 98.3182 91.3914C96.6009 91.2935 94.824 91.2595 93.0233 91.2508C92.6728 89.406 92.6705 87.1879 92.1715 85.5023C91.5551 86.9196 90.8146 88.2213 90.1159 89.5619ZM91.4652 104.896C91.273 105.872 92.0317 106.243 91.9398 106.833C91.1955 106.605 90.6377 106.494 89.6553 106.669C89.6598 105.913 90.335 105.782 90.1619 104.86C79.5989 104.032 78.9138 85.0208 89.334 83.4854C102.363 81.5656 103.562 104.137 91.4652 104.896Z" fill="#FE544F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M92.1716 85.5022C92.6706 87.1877 92.6729 89.4059 93.0234 91.2507C94.824 91.2593 96.601 91.2933 98.3183 91.3913C97.1406 92.3901 95.9007 93.3309 94.6757 94.2855C95.5758 95.7097 96.5003 97.1075 97.5057 98.4187C96.1278 98.1252 94.3978 97.479 92.9782 96.9491C92.143 99.0274 91.5333 101.316 90.8481 103.534C90.2787 101.896 90.024 99.9204 89.6012 98.125C87.9669 98.2547 85.9294 98.6837 84.1778 98.9655C84.5514 98.001 86.183 96.8528 86.9962 95.7745C85.907 95.0029 84.5567 94.5115 83.584 93.6149C84.6669 92.9471 85.8032 92.3291 86.7673 91.5505C86.2211 90.1405 85.691 88.7132 85.0753 87.3776C86.6928 87.8357 88.445 88.8799 90.116 89.5618C90.8147 88.2211 91.5551 86.9195 92.1716 85.5022Z" fill="white"/></g></g></g></g></g><path d="M169 126C178.5 138 207.5 138 214 128" stroke="#8C8F9A" stroke-width="2" stroke-dasharray="3 3"/><path d="M212.852 124.415L218.453 123.627L218.442 128.627L212.852 124.415Z" fill="#8C8F9A"/><defs><filter id="shoppablefeedfilter0_d_557_17550" x="216.61" y="34.7618" width="167.782" height="182.523" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.68407" operator="erode" in="SourceAlpha" result="effect1_dropShadow_557_17550"/><feOffset dy="3.57876"/><feGaussianBlur stdDeviation="4.92079"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_17550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_557_17550" result="shape"/></filter><filter id="shoppablefeedfilter1_dd_557_17550" x="262.428" y="49.9833" width="89.7433" height="71.0389" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1.31277" dy="1.31277"/><feGaussianBlur stdDeviation="2.62553"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_17550"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="0.656383"/><feGaussianBlur stdDeviation="0.328192"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend mode="normal" in2="effect1_dropShadow_557_17550" result="effect2_dropShadow_557_17550"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_557_17550" result="shape"/></filter><filter id="shoppablefeedfilter2_d_557_17550" x="12.6676" y="44.5542" width="159.011" height="172.355" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.53799" operator="erode" in="SourceAlpha" result="effect1_dropShadow_557_17550"/><feOffset dy="3.38398"/><feGaussianBlur stdDeviation="4.65298"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_17550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_557_17550" result="shape"/></filter><filter id="shoppablefeedfilter3_dd_557_17550" x="44.7625" y="59.5677" width="94.3219" height="76.2436" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1.38191" dy="1.38191"/><feGaussianBlur stdDeviation="2.76381"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_17550"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="0.690954"/><feGaussianBlur stdDeviation="0.345477"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend mode="normal" in2="effect1_dropShadow_557_17550" result="effect2_dropShadow_557_17550"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_557_17550" result="shape"/></filter><clipPath id="shoppablefeedclip0_557_17550"><rect width="17.6543" height="17.6543" fill="white" transform="translate(336.031 120.505) rotate(4)"/></clipPath><clipPath id="shoppablefeedclip1_557_17550"><rect x="19.4355" y="57.3804" width="135.359" height="149.741" rx="1.66935" transform="rotate(-4 19.4355 57.3804)" fill="white"/></clipPath><clipPath id="shoppablefeedclip2_557_17550"><rect width="136" height="85" fill="white" transform="translate(18.9092 56.9391) rotate(-4)"/></clipPath></defs></svg>',
450
- 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) .'</div>',
451
- 'bullets' => [
452
  'heading' => __( 'And get much more!', 'instagram-feed' ),
453
- 'content' => [
454
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
455
  __( 'Powerful visual moderation', 'instagram-feed' ),
456
  __( 'Comments and Likes', 'instagram-feed' ),
@@ -463,112 +464,120 @@ class SBI_Feed_Builder {
463
  __( 'Post captions', 'instagram-feed' ),
464
  __( 'Combine multiple feed types', 'instagram-feed' ),
465
  __( '30 day money back guarantee', 'instagram-feed' ),
466
- ]
467
- ],
468
- 'buyUrl' => sprintf('https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=shoppable')
469
  ),
470
- ],
471
-
472
-
473
 
474
- );
475
 
476
  if ( $newly_retrieved_source_connection_data ) {
477
  $sbi_builder['newSourceData'] = $newly_retrieved_source_connection_data;
478
  }
479
 
480
- if ( isset( $_GET['manualsource'] ) && $_GET['manualsource'] == true ) {
481
- $sbi_builder['manualSourcePopupInit'] = true;
482
- }
483
 
484
- $maybe_feed_customizer_data = SBI_Feed_Saver_Manager::maybe_feed_customizer_data();
485
 
486
- if( $maybe_feed_customizer_data ){
487
- sb_instagram_scripts_enqueue(true);
488
- $sbi_builder['customizerFeedData'] = $maybe_feed_customizer_data;
489
- $sbi_builder['customizerSidebarBuilder'] = \InstagramFeed\Builder\Tabs\SBI_Builder_Customizer_Tab::get_customizer_tabs();
490
- $sbi_builder['wordpressPageLists'] = $this->get_wp_pages();
491
- $sbi_builder['instagram_feed_dismiss_lite'] = get_transient( 'instagram_feed_dismiss_lite' );
492
 
493
  if ( ! isset( $_GET['feed_id'] ) || $_GET['feed_id'] === 'legacy' ) {
494
- $feed_id = 'legacy';
495
- $customizer_atts = [ 'feed' => 'legacy', 'customizer' => true ];
 
 
 
496
  } elseif ( intval( $_GET['feed_id'] ) > 0 ) {
497
- $feed_id = intval( $_GET['feed_id'] );
498
- $customizer_atts = [ 'feed' => $feed_id, 'customizer' => true ];
 
 
 
499
  }
500
 
501
- if( ! empty( $feed_id ) ){
502
- $settings_preview = self::add_customizer_att( $customizer_atts );
503
  if ( $feed_id === 'legacy' ) {
504
- $preview_settings = \SB_Instagram_Settings::get_legacy_feed_settings();
505
  $preview_settings['customizer'] = true;
506
- $sbi_builder['feedInitOutput'] = htmlspecialchars(display_instagram( $customizer_atts, $preview_settings ));
507
  } else {
508
- $sbi_builder['feedInitOutput'] = htmlspecialchars(display_instagram( $settings_preview, true ));
509
  }
510
- }
511
-
512
- //Date
513
- global $wp_locale;
514
- wp_enqueue_script(
515
- "sbi-date_i18n", SBI_PLUGIN_URL.'admin/builder/assets/js/date_i18n.js',
516
- null,
517
- SBIVER,
518
- true
519
- );
520
-
521
- $monthNames = array_map(
522
- array(&$wp_locale, 'get_month'),
523
- range(1, 12)
 
524
  );
525
  $monthNamesShort = array_map(
526
- array(&$wp_locale, 'get_month_abbrev'),
527
  $monthNames
528
  );
529
- $dayNames = array_map(
530
- array(&$wp_locale, 'get_weekday'),
531
- range(0, 6)
532
  );
533
- $dayNamesShort = array_map(
534
- array(&$wp_locale, 'get_weekday_abbrev'),
535
  $dayNames
536
  );
537
- wp_localize_script("sbi-date_i18n",
538
- "DATE_I18N", array(
539
- "month_names" => $monthNames,
540
- "month_names_short" => $monthNamesShort,
541
- "day_names" => $dayNames,
542
- "day_names_short" => $dayNamesShort
 
 
543
  )
544
  );
545
- }
546
-
547
- wp_enqueue_style(
548
- 'sbi-builder-style',
549
- SBI_PLUGIN_URL . 'admin/builder/assets/css/builder.css',
550
- false,
551
- SBIVER
552
- );
553
-
554
- self::global_enqueue_ressources_scripts();
555
-
556
- wp_enqueue_script(
557
- 'sbi-builder-app',
558
- SBI_PLUGIN_URL.'admin/builder/assets/js/builder.js',
559
- null,
560
- SBIVER,
561
- true
562
- );
563
- // Customize screens
564
- $sbi_builder['customizeScreens'] = $this->get_customize_screens_text();
565
- wp_localize_script(
566
- 'sbi-builder-app',
567
- 'sbi_builder',
568
- $sbi_builder
569
- );
570
- wp_enqueue_media();
571
- endif;
572
  endif;
573
  }
574
 
@@ -579,12 +588,18 @@ class SBI_Feed_Builder {
579
  *
580
  * @since 6.0
581
  */
582
- public function get_wp_pages(){
583
- $pagesList = get_pages();
584
- $pagesResult = [];
585
- if(is_array($pagesList)){
586
- foreach ($pagesList as $page) {
587
- array_push($pagesResult, ['id' => $page->ID, 'title' => $page->post_title]);
 
 
 
 
 
 
588
  }
589
  }
590
  return $pagesResult;
@@ -598,81 +613,101 @@ class SBI_Feed_Builder {
598
  *
599
  * @since 6.0
600
  */
601
- public static function global_enqueue_ressources_scripts($is_settings = false){
602
- wp_enqueue_style(
603
- 'feed-global-style',
604
- SBI_PLUGIN_URL . 'admin/builder/assets/css/global.css',
605
- false,
606
- SBIVER
607
- );
608
-
609
- wp_enqueue_script(
610
- 'feed-builder-vue',
611
- 'https://cdn.jsdelivr.net/npm/vue@2.6.12',
 
 
 
 
 
 
 
 
612
  null,
613
- "2.6.12",
614
  true
615
  );
616
 
617
  wp_enqueue_script(
618
- 'feed-colorpicker-vue',
619
- SBI_PLUGIN_URL.'admin/builder/assets/js/vue-color.min.js',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
620
  null,
621
  SBIVER,
622
  true
623
  );
624
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
625
  wp_enqueue_script(
626
- 'feed-builder-ressources',
627
- SBI_PLUGIN_URL.'admin/builder/assets/js/ressources.js',
628
- null,
629
- SBIVER,
630
- true
631
- );
632
-
633
- wp_enqueue_script(
634
- 'sb-dialog-box',
635
- SBI_PLUGIN_URL.'admin/builder/assets/js/confirm-dialog.js',
636
- null,
637
- SBIVER,
638
- true
639
- );
640
-
641
- wp_enqueue_script(
642
- 'install-plugin-popup',
643
- SBI_PLUGIN_URL.'admin/builder/assets/js/install-plugin-popup.js',
644
- null,
645
- SBIVER,
646
- true
647
- );
648
-
649
- wp_enqueue_script(
650
- 'sb-add-source',
651
- SBI_PLUGIN_URL.'admin/builder/assets/js/add-source.js',
652
- null,
653
- SBIVER,
654
- true
655
- );
656
-
657
- $newly_retrieved_source_connection_data = SBI_Source::maybe_source_connection_data();
658
- $sbi_source = array(
659
- 'sources' => self::get_source_list(),
660
- 'sourceConnectionURLs' => SBI_Source::get_connection_urls($is_settings),
661
- 'nonce' => wp_create_nonce( 'sbi-admin' ),
662
- );
663
- if ( $newly_retrieved_source_connection_data ) {
664
- $sbi_source['newSourceData'] = $newly_retrieved_source_connection_data;
665
- }
666
-
667
- if ( isset( $_GET['manualsource'] ) && $_GET['manualsource'] == true ) {
668
- $sbi_source['manualSourcePopupInit'] = true;
669
- }
670
-
671
- wp_localize_script(
672
- 'sb-add-source',
673
- 'sbi_source',
674
- $sbi_source
675
- );
676
  }
677
 
678
  /**
@@ -682,108 +717,108 @@ class SBI_Feed_Builder {
682
  *
683
  * @since 6.0
684
  */
685
- public static function get_generic_text(){
686
- $icons = SBI_Feed_Builder::builder_svg_icons();
687
  return array(
688
- 'done' => __( 'Done', 'instagram-feed' ),
689
- 'title' => __( 'Settings', 'instagram-feed' ),
690
- 'dashboard' => __( 'Dashboard', 'instagram-feed' ),
691
- 'addNew' => __( 'Add New', 'instagram-feed' ),
692
- 'addSource' => __( 'Add Source', 'instagram-feed' ),
693
- 'addAnotherSource' => __( 'Add another Source', 'instagram-feed' ),
694
- 'addSourceType' => __( 'Add Another Source Type', 'instagram-feed' ),
695
- 'previous' => __( 'Previous', 'instagram-feed' ),
696
- 'next' => __( 'Next', 'instagram-feed' ),
697
- 'finish' => __( 'Finish', 'instagram-feed' ),
698
- 'new' => __( 'New', 'instagram-feed' ),
699
- 'update' => __( 'Update', 'instagram-feed' ),
700
- 'upgrade' => __( 'Try the Pro Demo', 'instagram-feed' ),
701
- 'settings' => __( 'Settings', 'instagram-feed' ),
702
- 'back' => __( 'Back', 'instagram-feed' ),
703
- 'backAllFeeds' => __( 'Back to all feeds', 'instagram-feed' ),
704
- 'createFeed' => __( 'Create Feed', 'instagram-feed' ),
705
- 'add' => __( 'Add', 'instagram-feed' ),
706
- 'change' => __( 'Change', 'instagram-feed' ),
707
- 'getExtention' => __( 'Get Extension', 'instagram-feed' ),
708
- 'viewDemo' => __( 'View Demo', 'instagram-feed' ),
709
- 'includes' => __( 'Includes', 'instagram-feed' ),
710
- 'photos' => __( 'Photos', 'instagram-feed' ),
711
- 'photo' => __( 'Photo', 'instagram-feed' ),
712
- 'apply' => __( 'Apply', 'instagram-feed' ),
713
- 'copy' => __( 'Copy', 'instagram-feed' ),
714
- 'edit' => __( 'Edit', 'instagram-feed' ),
715
- 'duplicate' => __( 'Duplicate', 'instagram-feed' ),
716
- 'delete' => __( 'Delete', 'instagram-feed' ),
717
- 'remove' => __( 'Remove', 'instagram-feed' ),
718
- 'removeSource' => __( 'Remove Source', 'instagram-feed' ),
719
- 'shortcode' => __( 'Shortcode', 'instagram-feed' ),
720
- 'clickViewInstances' => __( 'Click to view Instances', 'instagram-feed' ),
721
- 'usedIn' => __( 'Used in', 'instagram-feed' ),
722
- 'place' => __( 'place', 'instagram-feed' ),
723
- 'places' => __( 'places', 'instagram-feed' ),
724
- 'item' => __( 'Item', 'instagram-feed' ),
725
- 'items' => __( 'Items', 'instagram-feed' ),
726
- 'learnMore' => __( 'Learn More', 'instagram-feed' ),
727
- 'location' => __( 'Location', 'instagram-feed' ),
728
- 'page' => __( 'Page', 'instagram-feed' ),
729
- 'copiedClipboard' => __( 'Copied to Clipboard', 'instagram-feed' ),
730
- 'feedImported' => __( 'Feed imported successfully', 'instagram-feed' ),
731
- 'failedToImportFeed' => __( 'Failed to import feed', 'instagram-feed' ),
732
- 'timeline' => __( 'Timeline', 'instagram-feed' ),
733
- 'help' => __( 'Help', 'instagram-feed' ),
734
- 'admin' => __( 'Admin', 'instagram-feed' ),
735
- 'member' => __( 'Member', 'instagram-feed' ),
736
- 'reset' => __( 'Reset', 'instagram-feed' ),
737
- 'preview' => __( 'Preview', 'instagram-feed' ),
738
- 'name' => __( 'Name', 'instagram-feed' ),
739
- 'id' => __( 'ID', 'instagram-feed' ),
740
- 'token' => __( 'Token', 'instagram-feed' ),
741
- 'confirm' => __( 'Confirm', 'instagram-feed' ),
742
- 'cancel' => __( 'Cancel', 'instagram-feed' ),
743
- 'clear' => __( 'Clear', 'instagram-feed' ),
744
- 'clearFeedCache' => __( 'Clear Feed Cache', 'instagram-feed' ),
745
- 'saveSettings' => __( 'Save Changes', 'instagram-feed' ),
746
- 'feedName' => __( 'Feed Name', 'instagram-feed' ),
747
- 'shortcodeText' => __( 'Shortcode', 'instagram-feed' ),
748
- 'general' => __( 'General', 'instagram-feed' ),
749
- 'feeds' => __( 'Feeds', 'instagram-feed' ),
750
- 'translation' => __( 'Translation', 'instagram-feed' ),
751
- 'advanced' => __( 'Advanced', 'instagram-feed' ),
752
- 'error' => __( 'Error:', 'instagram-feed' ),
753
- 'errorNotice' => __( 'There was an error when trying to connect to Instagram.', 'instagram-feed' ),
754
- 'errorDirections' => '<a href="https://smashballoon.com/instagram-feed/docs/errors/" target="_blank" rel="noopener">' . __( 'Directions on How to Resolve This Issue', 'instagram-feed' ) . '</a>',
755
- 'errorSource' => __( 'Source Invalid', 'instagram-feed' ),
756
- 'errorEncryption' => __( 'Encryption Error', 'instagram-feed' ),
757
- 'invalid' => __( 'Invalid', 'instagram-feed' ),
758
- 'reconnect' => __( 'Reconnect', 'instagram-feed' ),
759
- 'feed' => __( 'feed', 'instagram-feed' ),
760
- 'sourceNotUsedYet' => __( 'Source is not used yet', 'instagram-feed' ),
761
- 'addImage' => __( 'Add Image', 'instagram-feed' ),
762
- 'businessRequired' => __( 'Business Account required', 'instagram-feed' ),
763
- 'selectedPost' => __( 'Selected Post', 'instagram-feed' ),
764
- 'productLink' => __( 'Product Link', 'instagram-feed' ),
765
- 'enterProductLink' => __( 'Add your product URL here', 'instagram-feed' ),
766
- 'editSources' => __( 'Edit Sources', 'instagram-feed' ),
767
- 'moderateFeed' => __( 'Moderate your feed', 'instagram-feed' ),
768
- 'moderateFeedSaveExit' => __( 'Save and Exit', 'instagram-feed' ),
769
- 'moderationMode' => __( 'Moderation Mode', 'instagram-feed' ),
770
- 'moderationModeEnterPostId' => __( 'Or Enter Post IDs to hide manually', 'instagram-feed' ),
771
  'moderationModeTextareaPlaceholder' => __( 'Add words here to hide any posts containing these words', 'instagram-feed' ),
772
- 'filtersAndModeration' => __( 'Filters & Moderation', 'instagram-feed' ),
773
- 'topRated' => __( 'Top Rated', 'instagram-feed' ),
774
- 'mostRecent' => __( 'Most recent', 'instagram-feed' ),
775
- 'moderationModePreview' => __( 'Moderation Mode Preview', 'instagram-feed' ),
776
 
777
- 'notification' => array(
778
- 'feedSaved' => array(
779
  'type' => 'success',
780
  'text' => __( 'Feed saved successfully', 'instagram-feed' )
781
  ),
782
- 'feedSavedError' => array(
783
  'type' => 'error',
784
  'text' => __( 'Error saving Feed', 'instagram-feed' )
785
  ),
786
- 'previewUpdated' => array(
787
  'type' => 'success',
788
  'text' => __( 'Preview updated successfully', 'instagram-feed' )
789
  ),
@@ -791,52 +826,55 @@ class SBI_Feed_Builder {
791
  'type' => 'success',
792
  'text' => __( 'Carousel updated successfully', 'instagram-feed' )
793
  ),
794
- 'unkownError' => array(
795
  'type' => 'error',
796
  'text' => __( 'Unknown error occurred', 'instagram-feed' )
797
  ),
798
- 'cacheCleared' => array(
799
  'type' => 'success',
800
  'text' => __( 'Feed cache cleared', 'instagram-feed' )
801
  ),
802
- 'selectSourceError' => array(
803
  'type' => 'error',
804
  'text' => __( 'Please select a source for your feed', 'instagram-feed' )
805
  ),
806
- 'commentCacheCleared' => array(
807
  'type' => 'success',
808
  'text' => __( 'Comment cache cleared', 'instagram-feed' )
809
  ),
 
 
 
 
810
  ),
811
- 'install' => __( 'Install', 'instagram-feed' ),
812
- 'installed' => __( 'Installed', 'instagram-feed' ),
813
- 'activate' => __( 'Activate', 'instagram-feed' ),
814
- 'installedAndActivated' => __( 'Installed & Activated', 'instagram-feed' ),
815
- 'free' => __( 'Free', 'instagram-feed' ),
816
- 'invalidLicenseKey' => __( 'Invalid license key', 'instagram-feed' ),
817
- 'licenseActivated' => __( 'License activated', 'instagram-feed' ),
818
- 'licenseDeactivated' => __( 'License Deactivated', 'instagram-feed' ),
819
- 'carouselLayoutUpdated'=> array(
820
  'type' => 'success',
821
  'text' => __( 'Carousel Layout updated', 'instagram-feed' )
822
  ),
823
- 'getMoreFeatures' => __( 'Get more features with Instagram Feed Pro', 'instagram-feed' ),
824
- 'liteFeedUsers' => __( 'Lite users get 50% OFF', 'instagram-feed' ),
825
- 'tryDemo' => __( 'Try Demo', 'instagram-feed' ),
826
-
827
- 'displayImagesVideos' => __( 'Display images and videos in posts', 'instagram-feed' ),
828
- 'viewLikesShares' => __( 'View likes, shares and comments', 'instagram-feed' ),
829
- 'allFeedTypes' => __( 'All Feed Types: Photos, Albums, Events and more', 'instagram-feed' ),
830
- 'abilityToLoad' => __( 'Ability to “Load More” posts', 'instagram-feed' ),
831
-
832
- 'ctaHashtag' => __( 'Display Hashtag Feeds', 'instagram-feed' ),
833
- 'ctaLayout' => __( 'Carousel, Masonry, & Highlight layouts', 'instagram-feed' ),
834
- 'ctaPopups' => __( 'View posts in apop-up lightbox', 'instagram-feed' ),
835
- 'ctaFilter' => __( 'Powerful post filtering and moderation', 'instagram-feed' ),
836
-
837
-
838
- 'andMuchMore' => __( 'And Much More!', 'instagram-feed' ),
839
- 'sbiFreeCTAFeatures' => array(
840
  __( 'Create shoppable feeds', 'instagram-feed' ),
841
  __( 'Combine multiple feed types', 'instagram-feed' ),
842
  __( 'Display likes, captions & comments', 'instagram-feed' ),
@@ -847,13 +885,16 @@ class SBI_Feed_Builder {
847
  __( '30 day money back guarantee', 'instagram-feed' ),
848
  __( 'Fast, friendly, and effective support', 'instagram-feed' ),
849
  ),
850
- 'ctaShowFeatures' => __( 'Show Features', 'instagram-feed' ),
851
- 'ctaHideFeatures' => __( 'Hide Features', 'instagram-feed' ),
852
- 'upgradeToPro' => __( 'Upgrade to Pro', 'instagram-feed' ),
853
- 'redirectLoading' => array(
854
- 'heading' => __( 'Redirecting to connect.smashballoon.com', 'instagram-feed' ),
855
- 'description' => __( 'You will be redirected to our app so you can connect your account in 5 seconds', 'instagram-feed' ),
856
  ),
 
 
 
857
  );
858
  }
859
 
@@ -866,15 +907,15 @@ class SBI_Feed_Builder {
866
  */
867
  public static function select_source_screen_text() {
868
  return array(
869
- 'mainHeading' => __( 'Select one or more sources', 'instagram-feed' ),
870
- 'description' => __( 'Sources are Instagram accounts your feed will display content from', 'instagram-feed' ),
871
- 'emptySourceDescription' => __( 'Looks like you have not added any source.<br/>Use “Add Source” to add a new one.', 'instagram-feed' ),
872
- 'mainHashtagHeading' => __( 'Enter Public Hashtags', 'instagram-feed' ),
873
- 'hashtagDescription' => __( 'Add one or more hashtag separated by comma', 'instagram-feed' ),
874
- 'hashtagGetBy' => __( 'Fetch posts that are', 'instagram-feed' ),
875
-
876
- 'sourcesListPopup' => array(
877
- 'user' => array(
878
  'mainHeading' => __( 'Add a source for Timeline', 'instagram-feed' ),
879
  'description' => __( 'Select or add an account you want to display the timeline for', 'instagram-feed' ),
880
  ),
@@ -885,88 +926,91 @@ class SBI_Feed_Builder {
885
  ),
886
 
887
  'perosnalAccountToolTipTxt' => array(
888
- __( 'Due to changes in Instagram’s new API, we can no<br/>
 
889
  longer get mentions for personal accounts. To<br/>
890
  enable this for your account, you will need to convert it to<br/>
891
- a Business account. Learn More', 'instagram-feed' ),
 
 
892
  ),
893
- 'groupsToolTip' => array(
894
  __( 'Due to Facebook limitations, it\'s not possible to display photo feeds from a Group, only a Page.', 'instagram-feed' )
895
  ),
896
- 'updateHeading' => __( 'Update Source', 'instagram-feed' ),
897
- 'updateDescription' => __( 'Select a source from your connected Facebook Pages and Groups. Or, use "Add New" to connect a new one.', 'instagram-feed' ),
898
- 'updateFooter' => __( 'Add multiple Facebook Pages or Groups to a feed with our Multifeed extension', 'instagram-feed' ),
899
- 'noSources' => __( 'Please add a source in order to display a feed. Go to the "Settings" tab -> "Sources" section -> Click "Add New" to connect a source.', 'instagram-feed' ),
900
-
901
- 'multipleTypes' => array(
902
- 'user' => [
903
- 'heading' => __( 'User Timeline', 'instagram-feed' ),
904
- 'icon' => 'user',
905
- 'description' => __( 'Connect an account to show posts for it.', 'instagram-feed' ),
906
- 'actionType' => 'addSource'
907
- ],
908
- 'hashtag' => [
909
- 'heading' => __( 'Hashtag', 'instagram-feed' ),
910
- 'icon' => 'hashtag',
911
- 'description' => __( 'Add one or more hashtag separated by comma.', 'instagram-feed' ),
912
- 'businessRequired' => true,
913
- 'actionType' => 'inputHashtags'
914
- ],
915
- 'tagged' => [
916
- 'heading' => __( 'Tagged', 'instagram-feed' ),
917
- 'icon' => 'mention',
918
- 'description' => __( 'Connect an account to show tagged posts. This does not give us any permission to manage your Instagram account.', 'instagram-feed' ),
919
- 'businessRequired' => true,
920
- 'actionType' => 'addSource'
921
- ]
922
  ),
923
 
924
- 'modal' => array(
925
- 'addNew' => __( 'Connect your Instagram Account', 'instagram-feed' ),
926
- 'selectSourceType' => __( 'Select Account Type', 'instagram-feed' ),
927
- 'connectAccount' => __( 'Connect an Instagram Account', 'instagram-feed' ),
928
- 'connectAccountDescription' => __( 'This does not give us permission to manage your Instagram account, it simply allows the plugin to see a list of them and retrieve their public content from the API.', 'instagram-feed' ),
929
- 'connect' => __( 'Connect', 'instagram-feed' ),
930
- 'enterEventToken' => __( 'Enter Events Access Token', 'instagram-feed' ),
931
- 'enterEventTokenDescription' => sprintf( __( 'Due to restrictions by Facebook, you need to create a Facebook app and then paste that app Access Token here. We have a guide to help you with just that, which you can read %shere%s', 'instagram-feed' ), '<a href="https://smashballoon.com/instagram-feed/page-token/" target="_blank" rel="noopener">', '</a>' ),
932
- 'alreadyHave' => __( 'Already have a API Token and Access Key for your account?', 'instagram-feed' ),
933
- 'addManuallyLink' => __( 'Add Account Manually', 'instagram-feed' ),
934
- 'selectAccount' => __( 'Select an Instagram Account', 'instagram-feed' ),
935
- 'showing' => __( 'Showing', 'instagram-feed' ),
936
- 'facebook' => __( 'Facebook', 'instagram-feed' ),
937
- 'businesses' => __( 'Businesses', 'instagram-feed' ),
938
- 'groups' => __( 'Groups', 'instagram-feed' ),
939
- 'connectedTo' => __( 'connected to', 'instagram-feed' ),
940
- 'addManually' => __( 'Add a Source Manually', 'instagram-feed' ),
941
- 'addSource' => __( 'Add Source', 'instagram-feed' ),
942
- 'sourceType' => __( 'Source Type', 'instagram-feed' ),
943
- 'accountID' => __( 'Instagram Account ID', 'instagram-feed' ),
944
- 'fAccountID' => __( 'Instagram Account ID', 'instagram-feed' ),
945
- 'eventAccessToken' => __( 'Event Access Token', 'instagram-feed' ),
946
- 'enterID' => __( 'Enter ID', 'instagram-feed' ),
947
- 'accessToken' => __( 'Instagram Access Token', 'instagram-feed' ),
948
- 'enterToken' => __( 'Enter Token', 'instagram-feed' ),
949
- 'addApp' => __( 'Add Instagram App to your group', 'instagram-feed' ),
950
- 'addAppDetails' => __( 'To get posts from your group, Instagram requires the "Smash Balloon Plugin" app to be added in your group settings. Just follow the directions here:', 'instagram-feed' ),
951
- 'addAppSteps' => [
952
  __( 'Go to your group settings page by ', 'instagram-feed' ),
953
- sprintf( __( 'Search for "Smash Balloon" and select our app %s(see screenshot)%s', 'instagram-feed' ), '<a href="JavaScript:void(0);" id="sbi-group-app-tooltip">', '<img class="sbi-group-app-screenshot sb-tr-1" src="' . trailingslashit( SBI_PLUGIN_URL ) . 'admin/assets/img/group-app.png" alt="Thumbnail Layout"></a>'),
954
  __( 'Click "Add" and you are done.', 'instagram-feed' )
955
- ],
956
- 'alreadyExists' => __( 'Account already exists', 'instagram-feed' ),
957
- 'alreadyExistsExplanation' => __( 'The Instagram account you added is already connected as a “Business” account. Would you like to replace it with a “Personal“ account? (Note: Personal accounts cannot be used to display Mentions or Hashtag feeds.)', 'instagram-feed' ),
958
- 'replaceWithPersonal' => __( 'Replace with Personal', 'instagram-feed' ),
959
- 'notAdmin' => __( 'For groups you are not an administrator of', 'instagram-feed' ),
960
- 'disclaimerMentions' => __( 'Due to Instagram’s limitations, you need to connect a business account to display a Mentions timeline', 'instagram-feed' ),
961
- 'disclaimerHashtag' => __( 'Due to Instagram’s limitations, you need to connect a business account to display a Hashtag feed', 'instagram-feed' ),
962
- 'notSureToolTip' => __( 'Select "Personal" if displaying a regular feed of posts, as this can display feeds from either a Personal or Business account. For displaying a Hashtag or Tagged feed, you must have an Instagram Business account. If needed, you can convert a Personal account into a Business account by following the directions {link}here{link}.', 'instagram-feed' )
963
  ),
964
- 'footer' => array(
965
  'heading' => __( 'Add feeds for popular social platforms with <span>our other plugins</span>', 'instagram-feed' ),
966
  ),
967
- 'personal' => __( 'Personal', 'instagram-feed' ),
968
- 'business' => __( 'Business', 'instagram-feed' ),
969
- 'notSure' => __( "I'm not sure", 'instagram-feed' ),
970
  );
971
  }
972
 
@@ -978,136 +1022,140 @@ class SBI_Feed_Builder {
978
  * @since 6.0
979
  */
980
  public static function builder_svg_icons() {
981
- $builder_svg_icons = [
982
- 'youtube' => '<svg viewBox="0 0 14 11" fill="none"><path d="M5.66683 7.5L9.12683 5.5L5.66683 3.5V7.5ZM13.3735 2.28C13.4602 2.59334 13.5202 3.01334 13.5602 3.54667C13.6068 4.08 13.6268 4.54 13.6268 4.94L13.6668 5.5C13.6668 6.96 13.5602 8.03334 13.3735 8.72C13.2068 9.32 12.8202 9.70667 12.2202 9.87334C11.9068 9.96 11.3335 10.02 10.4535 10.06C9.58683 10.1067 8.7935 10.1267 8.06016 10.1267L7.00016 10.1667C4.20683 10.1667 2.46683 10.06 1.78016 9.87334C1.18016 9.70667 0.793496 9.32 0.626829 8.72C0.540163 8.40667 0.480163 7.98667 0.440163 7.45334C0.393496 6.92 0.373496 6.46 0.373496 6.06L0.333496 5.5C0.333496 4.04 0.440163 2.96667 0.626829 2.28C0.793496 1.68 1.18016 1.29334 1.78016 1.12667C2.0935 1.04 2.66683 0.980002 3.54683 0.940002C4.4135 0.893336 5.20683 0.873336 5.94016 0.873336L7.00016 0.833336C9.7935 0.833336 11.5335 0.940003 12.2202 1.12667C12.8202 1.29334 13.2068 1.68 13.3735 2.28Z"/></svg>',
983
- 'twitter' => '<svg viewBox="0 0 14 12" fill="none"><path d="M13.9735 1.50001C13.4602 1.73334 12.9069 1.88667 12.3335 1.96001C12.9202 1.60667 13.3735 1.04667 13.5869 0.373338C13.0335 0.706672 12.4202 0.940005 11.7735 1.07334C11.2469 0.500005 10.5069 0.166672 9.66686 0.166672C8.10019 0.166672 6.82019 1.44667 6.82019 3.02667C6.82019 3.25334 6.84686 3.47334 6.89352 3.68001C4.52019 3.56001 2.40686 2.42 1.00019 0.693338C0.753522 1.11334 0.613522 1.60667 0.613522 2.12667C0.613522 3.12 1.11352 4 1.88686 4.5C1.41352 4.5 0.973522 4.36667 0.586856 4.16667V4.18667C0.586856 5.57334 1.57352 6.73334 2.88019 6.99334C2.46067 7.10814 2.02025 7.12412 1.59352 7.04C1.77459 7.60832 2.12921 8.10561 2.60753 8.46196C3.08585 8.81831 3.66382 9.0158 4.26019 9.02667C3.24928 9.82696 1.99619 10.2595 0.706855 10.2533C0.480189 10.2533 0.253522 10.24 0.0268555 10.2133C1.29352 11.0267 2.80019 11.5 4.41352 11.5C9.66686 11.5 12.5535 7.14 12.5535 3.36C12.5535 3.23334 12.5535 3.11334 12.5469 2.98667C13.1069 2.58667 13.5869 2.08 13.9735 1.50001Z"/></svg>',
984
- 'instagram' => '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 4.50781C6.5 4.50781 4.50781 6.53906 4.50781 9C4.50781 11.5 6.5 13.4922 9 13.4922C11.4609 13.4922 13.4922 11.5 13.4922 9C13.4922 6.53906 11.4609 4.50781 9 4.50781ZM9 11.9297C7.39844 11.9297 6.07031 10.6406 6.07031 9C6.07031 7.39844 7.35938 6.10938 9 6.10938C10.6016 6.10938 11.8906 7.39844 11.8906 9C11.8906 10.6406 10.6016 11.9297 9 11.9297ZM14.7031 4.35156C14.7031 3.76562 14.2344 3.29688 13.6484 3.29688C13.0625 3.29688 12.5938 3.76562 12.5938 4.35156C12.5938 4.9375 13.0625 5.40625 13.6484 5.40625C14.2344 5.40625 14.7031 4.9375 14.7031 4.35156ZM17.6719 5.40625C17.5938 4 17.2812 2.75 16.2656 1.73438C15.25 0.71875 14 0.40625 12.5938 0.328125C11.1484 0.25 6.8125 0.25 5.36719 0.328125C3.96094 0.40625 2.75 0.71875 1.69531 1.73438C0.679688 2.75 0.367188 4 0.289062 5.40625C0.210938 6.85156 0.210938 11.1875 0.289062 12.6328C0.367188 16.0391 0.679688 15.25 1.69531 16.3047C2.75 17.3203 3.96094 17.6328 5.36719 17.7109C6.8125 17.7891 11.1484 17.7891 12.5938 17.7109C14 17.6328 15.25 17.3203 16.2656 16.3047C17.2812 15.25 17.5938 16.0391 17.6719 12.6328C17.75 11.1875 17.75 6.85156 17.6719 5.40625ZM15.7969 14.1562C15.5234 14.9375 14.8984 15.5234 14.1562 15.8359C12.9844 16.3047 10.25 16.1875 9 16.1875C7.71094 16.1875 4.97656 16.3047 3.84375 15.8359C3.0625 15.5234 2.47656 14.9375 2.16406 14.1562C1.69531 13.0234 1.8125 10.2891 1.8125 9C1.8125 7.75 1.69531 5.01562 2.16406 3.84375C2.47656 3.10156 3.0625 2.51562 3.84375 2.20312C4.97656 1.73438 7.71094 1.85156 9 1.85156C10.25 1.85156 12.9844 1.73438 14.1562 2.20312C14.8984 2.47656 15.4844 3.10156 15.7969 3.84375C16.2656 5.01562 16.1484 7.75 16.1484 9C16.1484 10.2891 16.2656 13.0234 15.7969 14.1562Z" fill="url(#paint0_linear)"/><defs><linearGradient id="paint0_linear" x1="6.46484" y1="33.7383" x2="43.3242" y2="-3.88672" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.147864" stop-color="#F6640E"/><stop offset="0.443974" stop-color="#BA03A7"/><stop offset="0.733337" stop-color="#6A01B9"/><stop offset="1" stop-color="#6B01B9"/></linearGradient></defs></svg>',
985
- 'facebook' => '<svg viewBox="0 0 14 15"><path d="M7.00016 0.860001C3.3335 0.860001 0.333496 3.85333 0.333496 7.54C0.333496 10.8733 2.7735 13.64 5.96016 14.14V9.47333H4.26683V7.54H5.96016V6.06667C5.96016 4.39333 6.9535 3.47333 8.48016 3.47333C9.20683 3.47333 9.96683 3.6 9.96683 3.6V5.24667H9.12683C8.30016 5.24667 8.04016 5.76 8.04016 6.28667V7.54H9.8935L9.5935 9.47333H8.04016V14.14C9.61112 13.8919 11.0416 13.0903 12.0734 11.88C13.1053 10.6697 13.6704 9.13043 13.6668 7.54C13.6668 3.85333 10.6668 0.860001 7.00016 0.860001Z"/></svg>',
986
- 'smash' => '<svg height="18" viewBox="0 0 28 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M27.2235 16.8291C27.2235 7.53469 21.1311 0 13.6131 0C6.09513 0 0 7.53469 0 16.8291C0 25.7393 5.5828 33.0095 12.6525 33.6193L11.9007 36L16.6147 35.599L14.9608 33.5775C21.8439 32.7422 27.2235 25.5639 27.2235 16.8291Z" fill="#FE544F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8586 5.91699L17.5137 12.6756L24.3006 12.8705L19.3911 17.4354L23.2687 23.044L16.7362 21.816L14.7557 28.3487L11.7488 22.4987L5.67719 25.2808L8.01283 19.0094L2.09131 16.0227L8.43013 13.9841L6.68099 7.73959L12.678 11.1585L16.8586 5.91699Z" fill="white"/></svg>',
987
- 'tag' => '<svg viewBox="0 0 18 18"><path d="M16.841 8.65033L9.34102 1.15033C9.02853 0.840392 8.60614 0.666642 8.16602 0.666993H2.33268C1.89066 0.666993 1.46673 0.842587 1.15417 1.15515C0.841611 1.46771 0.666016 1.89163 0.666016 2.33366V8.16699C0.665842 8.38692 0.709196 8.60471 0.79358 8.8078C0.877964 9.01089 1.00171 9.19528 1.15768 9.35033L8.65768 16.8503C8.97017 17.1603 9.39256 17.334 9.83268 17.3337C10.274 17.3318 10.6966 17.155 11.0077 16.842L16.841 11.0087C17.154 10.6975 17.3308 10.275 17.3327 9.83366C17.3329 9.61373 17.2895 9.39595 17.2051 9.19285C17.1207 8.98976 16.997 8.80538 16.841 8.65033ZM9.83268 15.667L2.33268 8.16699V2.33366H8.16602L15.666 9.83366L9.83268 15.667ZM4.41602 3.16699C4.66324 3.16699 4.90492 3.2403 5.11048 3.37766C5.31604 3.51501 5.47626 3.71023 5.57087 3.93864C5.66548 4.16705 5.69023 4.41838 5.642 4.66086C5.59377 4.90333 5.47472 5.12606 5.2999 5.30088C5.12508 5.47569 4.90236 5.59474 4.65988 5.64297C4.4174 5.69121 4.16607 5.66645 3.93766 5.57184C3.70925 5.47723 3.51403 5.31702 3.37668 5.11146C3.23933 4.90589 3.16602 4.66422 3.16602 4.41699C3.16602 6.08547 3.29771 3.76753 3.53213 3.53311C3.76655 3.29869 6.0845 3.16699 4.41602 3.16699Z"/></svg>',
988
- 'copy' => '<svg viewBox="0 0 12 13" fill="none"><path d="M10.25 0.25H4.625C3.9375 0.25 3.375 0.8125 3.375 1.5V9C3.375 9.6875 3.9375 10.25 4.625 10.25H10.25C10.9375 10.25 11.5 9.6875 11.5 9V1.5C11.5 0.8125 10.9375 0.25 10.25 0.25ZM10.25 9H4.625V1.5H10.25V9ZM0.875 8.375V7.125H2.125V8.375H0.875ZM0.875 4.9375H2.125V6.1875H0.875V4.9375ZM5.25 11.5H6.5V12.75H5.25V11.5ZM0.875 10.5625V9.3125H2.125V10.5625H0.875ZM2.125 12.75C1.4375 12.75 0.875 12.1875 0.875 11.5H2.125V12.75ZM4.3125 12.75H3.0625V11.5H4.3125V12.75ZM7.4375 12.75V11.5H8.6875C8.6875 12.1875 8.125 12.75 7.4375 12.75ZM2.125 2.75V4H0.875C0.875 3.3125 1.4375 2.75 2.125 2.75Z"/></svg>',
989
- 'duplicate' => '<svg viewBox="0 0 10 12" fill="none"><path d="M6.99997 0.5H0.999969C0.449969 0.5 -3.05176e-05 0.95 -3.05176e-05 1.5V8.5H0.999969V1.5H6.99997V0.5ZM8.49997 2.5H2.99997C2.44997 2.5 1.99997 2.95 1.99997 3.5V10.5C1.99997 11.05 2.44997 11.5 2.99997 11.5H8.49997C9.04997 11.5 9.49997 11.05 9.49997 10.5V3.5C9.49997 2.95 9.04997 2.5 8.49997 2.5ZM8.49997 10.5H2.99997V3.5H8.49997V10.5Z"/></svg>',
990
- 'edit' => '<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.25 9.06241V11.2499H2.4375L8.88917 4.79824L6.70167 2.61074L0.25 9.06241ZM10.9892 2.69824L8.80167 0.510742L7.32583 1.99241L9.51333 4.17991L10.9892 2.69824Z" fill="currentColor"/></svg>',
991
- 'delete' => '<svg viewBox="0 0 10 12" fill="none"><path d="M1.00001 10.6667C1.00001 11.4 1.60001 12 2.33334 12H7.66668C8.40001 12 9.00001 11.4 9.00001 10.6667V2.66667H1.00001V10.6667ZM2.33334 4H7.66668V10.6667H2.33334V4ZM7.33334 0.666667L6.66668 0H3.33334L2.66668 0.666667H0.333344V2H9.66668V0.666667H7.33334Z"/></svg>',
992
- 'checkmark' => '<svg width="11" height="9"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.15641 5.65271L9.72487 0.0842487L10.9623 1.32169L4.15641 8.12759L0.444097 4.41528L1.68153 3.17784L4.15641 5.65271Z"/></svg>',
993
- 'checkmarklarge'=> '<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.08058 8.36133L16.0355 0.406383L15.8033 2.17415L6.08058 11.8969L0.777281 6.59357L2.54505 4.8258L6.08058 8.36133Z" fill="currentColor"></path></svg>',
994
- 'information' => '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.3335 5H7.66683V3.66667H6.3335V5ZM7.00016 12.3333C4.06016 12.3333 1.66683 9.94 1.66683 7C1.66683 4.06 4.06016 1.66667 7.00016 1.66667C9.94016 1.66667 12.3335 4.06 12.3335 7C12.3335 9.94 9.94016 12.3333 7.00016 12.3333ZM7.00016 0.333332C6.12468 0.333332 5.25778 0.505771 4.44894 0.840802C3.6401 1.17583 2.90517 1.6669 2.28612 2.28595C1.03588 3.5362 0.333496 5.23189 0.333496 7C0.333496 8.76811 1.03588 10.4638 2.28612 11.714C2.90517 12.3331 3.6401 12.8242 4.44894 13.1592C5.25778 13.4942 6.12468 13.6667 7.00016 13.6667C8.76827 13.6667 10.464 12.9643 11.7142 11.714C12.9645 10.4638 13.6668 8.76811 13.6668 7C13.6668 6.12452 13.4944 5.25761 13.1594 4.44878C12.8243 3.63994 12.3333 2.90501 11.7142 2.28595C11.0952 1.6669 10.3602 1.17583 9.55139 0.840802C8.74255 0.505771 7.87564 0.333332 7.00016 0.333332ZM6.3335 10.3333H7.66683V6.33333H6.3335V10.3333Z" fill="#141B38"/></svg>',
995
- 'cog' => '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.99989 9.33334C6.38105 9.33334 5.78756 9.0875 5.34998 8.64992C4.91239 8.21233 4.66656 7.61884 4.66656 7C4.66656 6.38117 4.91239 5.78767 5.34998 5.35009C5.78756 4.9125 6.38105 4.66667 6.99989 4.66667C7.61873 4.66667 8.21222 4.9125 8.64981 5.35009C9.08739 5.78767 9.33323 6.38117 9.33323 7C9.33323 7.61884 9.08739 8.21233 8.64981 8.64992C8.21222 9.0875 7.61873 9.33334 6.99989 9.33334ZM11.9532 7.64667C11.9799 7.43334 11.9999 7.22 11.9999 7C11.9999 6.78 11.9799 6.56 11.9532 6.33334L13.3599 5.24667C13.4866 5.14667 13.5199 4.96667 13.4399 4.82L12.1066 2.51334C12.0266 2.36667 11.8466 2.30667 11.6999 2.36667L10.0399 3.03334C9.69323 2.77334 9.33323 2.54667 8.91323 2.38L8.66656 0.613337C8.65302 0.534815 8.61212 0.463622 8.5511 0.412371C8.49009 0.361121 8.41291 0.333123 8.33323 0.333337H5.66656C5.49989 0.333337 5.35989 0.453337 5.33323 0.613337L5.08656 2.38C4.66656 2.54667 4.30656 2.77334 3.95989 3.03334L2.29989 2.36667C2.15323 2.30667 1.97323 2.36667 1.89323 2.51334L0.559893 4.82C0.473226 4.96667 0.513226 5.14667 0.639893 5.24667L2.04656 6.33334C2.01989 6.56 1.99989 6.78 1.99989 7C1.99989 7.22 2.01989 7.43334 2.04656 7.64667L0.639893 8.75334C0.513226 8.85334 0.473226 9.03334 0.559893 9.18L1.89323 11.4867C1.97323 11.6333 2.15323 11.6867 2.29989 11.6333L3.95989 10.96C4.30656 11.2267 4.66656 11.4533 5.08656 11.62L5.33323 13.3867C5.35989 13.5467 5.49989 13.6667 5.66656 13.6667H8.33323C8.49989 13.6667 8.63989 13.5467 8.66656 13.3867L8.91323 11.62C9.33323 11.4467 9.69323 11.2267 10.0399 10.96L11.6999 11.6333C11.8466 11.6867 12.0266 11.6333 12.1066 11.4867L13.4399 9.18C13.5199 9.03334 13.4866 8.85334 13.3599 8.75334L11.9532 7.64667Z" fill="#141B38"/></svg>',
996
- 'angleUp' => '<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.94 5.27325L4 2.21992L7.06 5.27325L8 4.33325L4 0.333252L0 4.33325L0.94 5.27325Z" fill="#434960"/></svg>',
997
- 'user_check' => '<svg viewBox="0 0 11 9"><path d="M9.55 4.25L10.25 4.955L6.985 8.25L5.25 6.5L5.95 5.795L6.985 6.835L9.55 4.25ZM4 6.5L5.5 8H0.5V7C0.5 5.895 2.29 5 4.5 5L5.445 5.055L4 6.5ZM4.5 0C5.03043 0 5.53914 0.210714 5.91421 0.585786C6.28929 0.960859 6.5 1.46957 6.5 2C6.5 2.53043 6.28929 3.03914 5.91421 3.41421C5.53914 3.78929 5.03043 4 4.5 4C3.96957 4 3.46086 3.78929 3.08579 3.41421C2.71071 3.03914 2.5 2.53043 2.5 2C2.5 1.46957 2.71071 0.960859 3.08579 0.585786C3.46086 0.210714 3.96957 0 4.5 0Z"/></svg>',
998
- 'users' => '<svg viewBox="0 0 12 8"><path d="M6 0.75C6.46413 0.75 6.90925 0.934375 7.23744 1.26256C7.56563 1.59075 7.75 2.03587 7.75 2.5C7.75 2.96413 7.56563 3.40925 7.23744 3.73744C6.90925 6.06563 6.46413 4.25 6 4.25C5.53587 4.25 5.09075 6.06563 4.76256 3.73744C4.43437 3.40925 4.25 2.96413 4.25 2.5C4.25 2.03587 4.43437 1.59075 4.76256 1.26256C5.09075 0.934375 5.53587 0.75 6 0.75ZM2.5 2C2.78 2 3.04 2.075 3.265 2.21C3.19 2.925 3.4 3.635 3.83 4.19C3.58 4.67 3.08 5 2.5 5C2.10218 5 1.72064 4.84196 1.43934 4.56066C1.15804 4.27936 1 3.89782 1 3.5C1 3.10218 1.15804 2.72064 1.43934 2.43934C1.72064 2.15804 2.10218 2 2.5 2ZM9.5 2C9.89782 2 10.2794 2.15804 10.5607 2.43934C10.842 2.72064 11 3.10218 11 3.5C11 3.89782 10.842 4.27936 10.5607 4.56066C10.2794 4.84196 9.89782 5 9.5 5C8.92 5 8.42 4.67 8.17 4.19C8.60594 3.62721 8.80828 2.9181 8.735 2.21C8.96 2.075 9.22 2 9.5 2ZM2.75 7.125C2.75 6.09 4.205 5.25 6 5.25C7.795 5.25 9.25 6.09 9.25 7.125V8H2.75V7.125ZM0 8V7.25C0 6.555 0.945 5.97 2.225 5.8C1.93 6.14 1.75 6.61 1.75 7.125V8H0ZM12 8H10.25V7.125C10.25 6.61 10.07 6.14 9.775 5.8C11.055 5.97 12 6.555 12 7.25V8Z"/></svg>',
999
- 'info' => '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.3335 5H7.66683V3.66667H6.3335V5ZM7.00016 12.3333C4.06016 12.3333 1.66683 9.94 1.66683 7C1.66683 4.06 4.06016 1.66667 7.00016 1.66667C9.94016 1.66667 12.3335 4.06 12.3335 7C12.3335 9.94 9.94016 12.3333 7.00016 12.3333ZM7.00016 0.333332C6.12468 0.333332 5.25778 0.505771 4.44894 0.840802C3.6401 1.17583 2.90517 1.6669 2.28612 2.28595C1.03588 3.5362 0.333496 5.23189 0.333496 7C0.333496 8.76811 1.03588 10.4638 2.28612 11.714C2.90517 12.3331 3.6401 12.8242 4.44894 13.1592C5.25778 13.4942 6.12468 13.6667 7.00016 13.6667C8.76827 13.6667 10.464 12.9643 11.7142 11.714C12.9645 10.4638 13.6668 8.76811 13.6668 7C13.6668 6.12452 13.4944 5.25761 13.1594 4.44878C12.8243 3.63994 12.3333 2.90501 11.7142 2.28595C11.0952 1.6669 10.3602 1.17583 9.55139 0.840802C8.74255 0.505771 7.87564 0.333332 7.00016 0.333332ZM6.3335 10.3333H7.66683V6.33333H6.3335V10.3333Z" fill="#141B38"/></svg>',
1000
- 'list' => '<svg viewBox="0 0 14 12"><path d="M0.332031 7.33341H4.33203V11.3334H0.332031V7.33341ZM9.66537 3.33341H5.66536V4.66675H9.66537V3.33341ZM0.332031 4.66675H4.33203V0.666748H0.332031V4.66675ZM5.66536 0.666748V2.00008H13.6654V0.666748H5.66536ZM5.66536 11.3334H9.66537V10.0001H5.66536V11.3334ZM5.66536 8.66675H13.6654V7.33341H5.66536"/></svg>',
1001
- 'grid' => '<svg viewBox="0 0 12 12"><path d="M0 5.33333H5.33333V0H0V5.33333ZM0 12H5.33333V6.66667H0V12ZM6.66667 12H12V6.66667H6.66667V12ZM6.66667 0V5.33333H12V0"/></svg>',
1002
- 'masonry' => '<svg viewBox="0 0 16 16"><rect x="3" y="3" width="4.5" height="5" /><rect x="3" y="9" width="4.5" height="5" /><path d="M8.5 2H13V7H8.5V2Z" /><rect x="8.5" y="8" width="4.5" height="5" /></svg>',
1003
- 'carousel' => '<svg viewBox="0 0 14 11"><path d="M0.332031 2.00008H2.9987V9.33342H0.332031V2.00008ZM3.66536 10.6667H10.332V0.666748H3.66536V10.6667ZM4.9987 2.00008H8.9987V9.33342H4.9987V2.00008ZM10.9987 2.00008H13.6654V9.33342H10.9987V2.00008Z"/></svg>',
1004
- 'highlight' => '<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="2" width="8" height="8" fill="#434960"/><rect x="11" y="2" width="3" height="3" fill="#434960"/><rect x="11" y="6" width="3" height="4" fill="#434960"/><rect x="7" y="11" width="7" height="3" fill="#434960"/><rect x="2" y="11" width="4" height="3" fill="#434960"/></svg>',
1005
- 'desktop' => '<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9998 9.66667H1.99984V1.66667H13.9998V9.66667ZM13.9998 0.333336H1.99984C1.25984 0.333336 0.666504 0.926669 0.666504 1.66667V9.66667C0.666504 10.0203 0.80698 10.3594 1.05703 10.6095C1.30708 10.8595 1.64622 11 1.99984 11H6.6665V12.3333H5.33317V13.6667H10.6665V12.3333H9.33317V11H13.9998C14.3535 11 14.6926 10.8595 14.9426 10.6095C15.1927 10.3594 15.3332 10.0203 15.3332 9.66667V1.66667C15.3332 1.31305 15.1927 0.973909 14.9426 0.72386C14.6926 0.473812 14.3535 0.333336 13.9998 0.333336Z" fill="#141B38"/></svg>',
1006
- 'tablet' => '<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0013 2.66659V13.3333H2.0013L2.0013 2.66659H10.0013ZM0.667969 1.99992L0.667969 13.9999C0.667969 14.7399 1.2613 15.3333 2.0013 15.3333H10.0013C10.3549 15.3333 10.6941 15.1928 10.9441 14.9427C11.1942 14.6927 11.3346 14.3535 11.3346 13.9999V1.99992C11.3346 1.6463 11.1942 1.30716 10.9441 1.05711C10.6941 0.807062 10.3549 0.666586 10.0013 0.666586H2.0013C1.64768 0.666586 1.30854 0.807062 1.05849 1.05711C0.808444 1.30716 0.667969 1.6463 0.667969 1.99992Z" fill="#141B38"/></svg>',
1007
- 'mobile' => '<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33203 12.6667H1.66536V3.33341H8.33203V12.6667ZM8.33203 0.666748H1.66536C0.925365 0.666748 0.332031 1.26008 0.332031 2.00008V16.0001C0.332031 14.3537 0.472507 14.6928 0.722555 14.9429C0.972604 15.1929 1.31174 15.3334 1.66536 15.3334H8.33203C8.68565 15.3334 9.02479 15.1929 9.27484 14.9429C9.52489 14.6928 9.66537 14.3537 9.66537 16.0001V2.00008C9.66537 1.64646 9.52489 1.30732 9.27484 1.05727C9.02479 0.807224 8.68565 0.666748 8.33203 0.666748Z" fill="#141B38"/></svg>',
1008
- 'feed_layout' => '<svg viewBox="0 0 18 16"><path d="M2 0H16C16.5304 0 17.0391 0.210714 17.4142 0.585786C17.7893 0.960859 18 1.46957 18 2V14C18 14.5304 17.7893 15.0391 17.4142 15.4142C17.0391 15.7893 16.5304 16 16 16H2C1.46957 16 0.960859 15.7893 0.585786 15.4142C0.210714 15.0391 0 14.5304 0 14V2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0ZM2 4V8H8V4H2ZM10 4V8H16V4H10ZM2 10V14H8V10H2ZM10 10V14H16V10H10Z"/></svg>',
1009
- 'color_scheme' => '<svg viewBox="0 0 18 18"><path d="M14.5 9C14.1022 9 13.7206 8.84196 13.4393 8.56066C13.158 8.27936 13 7.89782 13 7.5C13 7.10218 13.158 6.72064 13.4393 6.43934C13.7206 6.15804 14.1022 6 14.5 6C14.8978 6 15.2794 6.15804 15.5607 6.43934C15.842 6.72064 16 7.10218 16 7.5C16 7.89782 15.842 8.27936 15.5607 8.56066C15.2794 8.84196 14.8978 9 14.5 9ZM11.5 5C11.1022 5 10.7206 4.84196 10.4393 4.56066C10.158 4.27936 10 3.89782 10 3.5C10 3.10218 10.158 2.72064 10.4393 2.43934C10.7206 2.15804 11.1022 2 11.5 2C11.8978 2 12.2794 2.15804 12.5607 2.43934C12.842 2.72064 13 3.10218 13 3.5C13 3.89782 12.842 4.27936 12.5607 4.56066C12.2794 4.84196 11.8978 5 11.5 5ZM6.5 5C6.10218 5 5.72064 4.84196 5.43934 4.56066C5.15804 4.27936 5 3.89782 5 3.5C5 3.10218 5.15804 2.72064 5.43934 2.43934C5.72064 2.15804 6.10218 2 6.5 2C6.89782 2 7.27936 2.15804 7.56066 2.43934C7.84196 2.72064 8 3.10218 8 3.5C8 3.89782 7.84196 4.27936 7.56066 4.56066C7.27936 4.84196 6.89782 5 6.5 5ZM3.5 9C3.10218 9 2.72064 8.84196 2.43934 8.56066C2.15804 8.27936 2 7.89782 2 7.5C2 7.10218 2.15804 6.72064 2.43934 6.43934C2.72064 6.15804 3.10218 6 3.5 6C3.89782 6 4.27936 6.15804 4.56066 6.43934C4.84196 6.72064 5 7.10218 5 7.5C5 7.89782 4.84196 8.27936 4.56066 8.56066C4.27936 8.84196 3.89782 9 3.5 9ZM9 0C6.61305 0 4.32387 0.948211 2.63604 2.63604C0.948211 4.32387 0 6.61305 0 9C0 11.3869 0.948211 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18C9.39782 18 9.77936 17.842 10.0607 17.5607C10.342 17.2794 10.5 16.8978 10.5 16.5C10.5 16.11 10.35 15.76 10.11 15.5C9.88 15.23 9.73 14.88 9.73 14.5C9.73 14.1022 9.88804 13.7206 10.1693 13.4393C10.4506 13.158 10.8322 13 11.23 13H13C14.3261 13 15.5979 12.4732 16.5355 11.5355C17.4732 10.5979 18 9.32608 18 8C18 3.58 13.97 0 9 0Z"/></svg>',
1010
- 'header' => '<svg viewBox="0 0 20 13"><path d="M1.375 0.625C0.960787 0.625 0.625 0.960786 0.625 1.375V11.5H2.875V2.875H17.125V9.625H11.5V11.875H18.625C19.0392 11.875 19.375 11.5392 19.375 11.125V1.375C19.375 0.960786 19.0392 0.625 18.625 0.625H1.375Z"/><path d="M4.375 7C4.16789 7 4 7.16789 4 7.375V12.625C4 12.8321 4.16789 13 4.375 13H9.625C9.83211 13 10 12.8321 10 12.625V7.375C10 7.16789 9.83211 7 9.625 7H4.375Z"/></svg>',
1011
- 'article' => '<svg viewBox="0 0 18 18"><path d="M16 2V16H2V2H16ZM18 0H0V18H18V0ZM14 14H4V13H14V14ZM14 12H4V11H14V12ZM14 9H4V4H14V9Z"/></svg>',
1012
- 'article_2' => '<svg viewBox="0 0 12 14"><path d="M2.0013 0.333496C1.64768 0.333496 1.30854 0.473972 1.05849 0.72402C0.808444 0.974069 0.667969 1.31321 0.667969 1.66683V12.3335C0.667969 12.6871 0.808444 13.0263 1.05849 13.2763C1.30854 13.5264 1.64768 13.6668 2.0013 13.6668H10.0013C10.3549 13.6668 10.6941 13.5264 10.9441 13.2763C11.1942 13.0263 11.3346 12.6871 11.3346 12.3335V4.3335L7.33463 0.333496H2.0013ZM2.0013 1.66683H6.66797V5.00016H10.0013V12.3335H2.0013V1.66683ZM3.33464 7.00016V8.3335H8.66797V7.00016H3.33464ZM3.33464 9.66683V11.0002H6.66797V9.66683H3.33464Z"/></svg>',
1013
- 'like_box' => '<svg viewBox="0 0 18 17"><path d="M17.505 7.91114C17.505 7.48908 17.3373 7.08431 17.0389 6.78587C16.7405 6.48744 16.3357 6.31977 15.9136 6.31977H10.8849L11.6488 2.68351C11.6647 2.60394 11.6727 2.51641 11.6727 2.42889C11.6727 2.10266 11.5374 1.8003 11.3226 1.58547L10.4791 0.75L5.24354 5.98559C4.94914 6.27999 4.77409 6.67783 4.77409 7.11546V15.0723C4.77409 15.4943 4.94175 15.8991 5.24019 16.1975C5.53863 16.496 5.9434 16.6636 6.36546 16.6636H13.5266C14.187 16.6636 14.7519 16.2658 14.9906 15.6929L17.3936 10.0834C17.4652 9.90034 17.505 9.70938 17.505 9.5025V7.91114ZM0 16.6636H3.18273V7.11546H0V16.6636Z"/></svg>',
1014
- 'load_more' => '<svg viewBox="0 0 24 24"><path d="M20 18.5H4C3.46957 18.5 2.96086 18.2893 2.58579 17.9142C2.21071 17.5391 2 17.0304 2 16.5V7.5C2 6.96957 2.21071 6.46086 2.58579 6.08579C2.96086 5.71071 3.46957 5.5 4 5.5H20C20.5304 5.5 21.0391 5.71071 21.4142 6.08579C21.7893 6.46086 22 6.96957 22 7.5V16.5C22 17.0304 21.7893 17.5391 21.4142 17.9142C21.0391 18.2893 20.5304 18.5 20 18.5ZM4 7.5V16.5H20V7.5H4Z"/><circle cx="7.5" cy="12" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="16.5" cy="12" r="1.5"/></svg>',
1015
- 'lightbox' => '<svg viewBox="0 0 24 24"><path d="M21 17H7V3H21V17ZM21 1H7C6.46957 1 5.96086 1.21071 5.58579 1.58579C5.21071 1.96086 5 2.46957 5 3V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H21C21.5304 19 22.0391 18.7893 22.4142 18.4142C22.7893 18.0391 23 17.5304 23 17V3C23 2.46957 22.7893 1.96086 22.4142 1.58579C22.0391 1.21071 21.5304 1 21 1ZM3 5H1V21C1 21.5304 1.21071 22.0391 1.58579 22.4142C1.96086 22.7893 2.46957 23 3 23H19V21H3V5Z"/></svg>',
1016
- 'source' => '<svg viewBox="0 0 20 20"><path d="M16 9H13V12H11V9H8V7H11V4H13V7H16V9ZM18 2V14H6V2H18ZM18 0H6C4.9 0 4 0.9 4 2V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H18C19.11 16 20 15.11 20 14V2C20 1.46957 19.7893 0.960859 19.4142 0.585786C19.0391 0.210714 18.5304 0 18 0ZM2 4H0V18C0 18.5304 0.210714 19.0391 0.585786 19.4142C0.960859 19.7893 1.46957 20 2 20H16V18H2V4Z"/></svg>',
1017
- 'filter' => '<svg viewBox="0 0 18 12"><path d="M3 7H15V5H3V7ZM0 0V2H18V0H0ZM7 12H11V10H7V12Z"/></svg>',
1018
- 'update' => '<svg viewBox="0 0 20 14"><path d="M15.832 3.66659L12.4987 6.99992H14.9987C14.9987 8.326 14.4719 9.59777 13.5342 10.5355C12.5965 11.4731 11.3248 11.9999 9.9987 11.9999C9.16536 11.9999 8.35703 11.7916 7.66536 11.4166L6.4487 12.6333C7.50961 13.3085 8.74115 13.6669 9.9987 13.6666C11.7668 13.6666 13.4625 12.9642 14.7127 11.714C15.963 10.4637 16.6654 8.76803 16.6654 6.99992H19.1654L15.832 3.66659ZM4.9987 6.99992C4.9987 5.67384 5.52548 4.40207 6.46316 3.46438C7.40085 2.5267 8.67261 1.99992 9.9987 1.99992C10.832 1.99992 11.6404 2.20825 12.332 2.58325L13.5487 1.36659C12.4878 0.691379 11.2562 0.332902 9.9987 0.333252C8.23059 0.333252 6.53489 1.03563 5.28465 2.28587C6.03441 3.53612 3.33203 5.23181 3.33203 6.99992H0.832031L4.16536 10.3333L7.4987 6.99992"/></svg>',
1019
- 'sun' => '<svg viewBox="0 0 16 15"><path d="M2.36797 12.36L3.30797 13.3L4.50797 12.1067L3.5613 11.16L2.36797 12.36ZM7.33463 14.9667H8.66797V13H7.33463V14.9667ZM8.0013 3.6667C6.94044 3.6667 5.92302 6.08813 5.17287 4.83827C4.42273 5.58842 6.0013 6.60583 6.0013 7.6667C6.0013 8.72756 4.42273 9.74498 5.17287 10.4951C5.92302 11.2453 6.94044 11.6667 8.0013 11.6667C9.06217 11.6667 10.0796 11.2453 10.8297 10.4951C11.5799 9.74498 12.0013 8.72756 12.0013 7.6667C12.0013 5.45336 10.208 3.6667 8.0013 3.6667ZM13.3346 8.33336H15.3346V7.00003H13.3346V8.33336ZM11.4946 12.1067L12.6946 13.3L13.6346 12.36L12.4413 11.16L11.4946 12.1067ZM13.6346 2.97337L12.6946 2.03337L11.4946 3.2267L12.4413 4.17336L13.6346 2.97337ZM8.66797 0.366699H7.33463V2.33337H8.66797V0.366699ZM2.66797 7.00003H0.667969V8.33336H2.66797V7.00003ZM4.50797 3.2267L3.30797 2.03337L2.36797 2.97337L3.5613 4.17336L4.50797 3.2267Z"/></svg>',
1020
- 'moon' => '<svg viewBox="0 0 10 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.63326 6.88308C9.26754 6.95968 8.88847 6.99996 8.5 6.99996C5.46243 6.99996 3 4.53752 3 1.49996C3 1.11148 3.04028 0.732413 3.11688 0.366699C1.28879 1.11045 0 2.9047 0 4.99996C0 7.76138 2.23858 9.99996 5 9.99996C7.09526 9.99996 8.88951 8.71117 9.63326 6.88308Z"/></svg>',
1021
- 'visual' => '<svg viewBox="0 0 12 12"><path d="M3.66667 7L5.33333 9L7.66667 6L10.6667 10H1.33333L3.66667 7ZM12 10.6667V1.33333C12 0.979711 11.8595 0.640573 11.6095 0.390524C11.3594 0.140476 11.0203 0 10.6667 0H1.33333C0.979711 0 0.640573 0.140476 0.390524 0.390524C0.140476 0.640573 0 0.979711 0 1.33333V10.6667C0 11.0203 0.140476 11.3594 0.390524 11.6095C0.640573 11.8595 0.979711 12 1.33333 12H10.6667C11.0203 12 11.3594 11.8595 11.6095 11.6095C11.8595 11.3594 12 11.0203 12 10.6667Z" /></svg>',
1022
- 'text' => '<svg viewBox="0 0 14 12"><path d="M12.332 11.3334H1.66536C1.31174 11.3334 0.972604 11.1929 0.722555 10.9429C0.472507 10.6928 0.332031 10.3537 0.332031 10.0001V2.00008C0.332031 1.64646 0.472507 1.30732 0.722555 1.05727C0.972604 0.807224 1.31174 0.666748 1.66536 0.666748H12.332C12.6857 0.666748 13.0248 0.807224 13.2748 1.05727C13.5249 1.30732 13.6654 1.64646 13.6654 2.00008V10.0001C13.6654 10.3537 13.5249 10.6928 13.2748 10.9429C13.0248 11.1929 12.6857 11.3334 12.332 11.3334ZM1.66536 2.00008V10.0001H12.332V2.00008H1.66536ZM2.9987 6.00008H10.9987V5.33341H2.9987V6.00008ZM2.9987 6.66675H9.66537V8.00008H2.9987V6.66675Z"/></svg>',
1023
- 'background' => '<svg viewBox="0 0 14 12"><path d="M12.334 11.3334H1.66732C1.3137 11.3334 0.974557 11.1929 0.724509 10.9429C0.47446 10.6928 0.333984 10.3537 0.333984 10.0001V2.00008C0.333984 1.64646 0.47446 1.30732 0.724509 1.05727C0.974557 0.807224 1.3137 0.666748 1.66732 0.666748H12.334C12.6876 0.666748 13.0267 0.807224 13.2768 1.05727C13.5268 1.30732 13.6673 1.64646 13.6673 2.00008V10.0001C13.6673 10.3537 13.5268 10.6928 13.2768 10.9429C13.0267 11.1929 12.6876 11.3334 12.334 11.3334Z"/></svg>',
1024
- 'cursor' => '<svg viewBox="-96 0 512 512"><path d="m180.777344 512c-2.023438 0-6.03125-.382812-5.949219-1.152344-3.96875-1.578125-7.125-4.691406-8.789063-8.640625l-59.863281-141.84375-71.144531 62.890625c-2.988281 3.070313-8.34375 5.269532-13.890625 5.269532-11.648437 0-21.140625-9.515626-21.140625-21.226563v-386.070313c0-11.710937 9.492188-21.226562 21.140625-21.226562 4.929687 0 9.707031 1.726562 13.761719 5.011719l279.058594 282.96875c4.355468 5.351562 6.039062 10.066406 6.039062 14.972656 0 11.691406-9.492188 21.226563-21.140625 21.226563h-94.785156l57.6875 136.8125c3.410156 8.085937-.320313 17.386718-8.363281 20.886718l-66.242188 28.796875c-2.027344.875-4.203125 1.324219-6.378906 1.324219zm-68.5-194.367188c1.195312 0 2.367187.128907 3.5625.40625 5.011718 1.148438 9.195312 4.628907 11.179687 9.386719l62.226563 147.453125 36.886718-16.042968-60.90625-144.445313c-2.089843-4.929687-1.558593-10.605469 1.40625-15.0625 2.96875-4.457031 7.980469-7.148437 13.335938-7.148437h93.332031l-241.300781-244.671876v335.765626l69.675781-61.628907c2.941407-2.605469 6.738281-6.011719 10.601563-6.011719zm-97.984375 81.300782c-.449219.339844-.851563.703125-1.238281 1.085937zm275.710937-89.8125h.214844zm0 0"/></svg>',
1025
- 'link' => '<svg viewBox="0 0 14 8"><path d="M1.60065 6.00008C1.60065 2.86008 2.52732 1.93341 3.66732 1.93341H6.33399V0.666748H3.66732C2.78326 0.666748 1.93542 1.01794 1.3103 1.64306C0.685174 2.26818 0.333984 3.11603 0.333984 6.00008C0.333984 4.88414 0.685174 5.73198 1.3103 6.35711C1.93542 6.98223 2.78326 7.33342 3.66732 7.33342H6.33399V6.06675H3.66732C2.52732 6.06675 1.60065 5.14008 1.60065 6.00008ZM4.33398 4.66675H9.66732V3.33342H4.33398V4.66675ZM10.334 0.666748H7.66732V1.93341H10.334C11.474 1.93341 12.4007 2.86008 12.4007 6.00008C12.4007 5.14008 11.474 6.06675 10.334 6.06675H7.66732V7.33342H10.334C11.218 7.33342 12.0659 6.98223 12.691 6.35711C13.3161 5.73198 13.6673 4.88414 13.6673 6.00008C13.6673 3.11603 13.3161 2.26818 12.691 1.64306C12.0659 1.01794 11.218 0.666748 10.334 0.666748Z"/></svg>',
1026
- 'thumbnail' => '<svg viewBox="0 0 14 12"><path d="M0.332031 7.33333H4.33203V11.3333H0.332031V7.33333ZM9.66537 3.33333H5.66536V4.66666H9.66537V3.33333ZM0.332031 4.66666H4.33203V0.666664H0.332031V4.66666ZM5.66536 0.666664V2H13.6654V0.666664H5.66536ZM5.66536 11.3333H9.66537V10H5.66536V11.3333ZM5.66536 8.66666H13.6654V7.33333H5.66536"/></svg>',
1027
- 'halfwidth' => '<svg viewBox="0 0 14 8"><path d="M6 0.5H0V7.5H6V0.5Z"/><path d="M14 0.75H7.5V2H14V0.75Z"/><path d="M7.5 3.25H14V4.5H7.5V3.25Z"/><path d="M11 5.75H7.5V7H11V5.75Z"/></svg>',
1028
- 'fullwidth' => '<svg viewBox="0 0 10 12"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 6.75V0.333328H0V6.75H10Z"/><path d="M0 8.24999H10V9.49999H0V8.24999Z"/><path d="M6 10.75H0V12H6V10.75Z"/></svg>',
1029
- 'boxed' => '<svg viewBox="0 0 16 16"><path d="M14.1667 12.8905H1.83333C1.47971 12.8905 1.14057 12.75 0.890524 12.5C0.640476 12.25 0.5 11.9108 0.5 11.5572V3.33333C0.5 2.97971 0.640476 2.64057 0.890524 2.39052C1.14057 2.14048 1.47971 2 1.83333 2H14.1667C14.5203 2 14.8594 2.14048 15.1095 2.39052C15.3595 2.64057 15.5 2.97971 15.5 3.33333V11.5572C15.5 11.9108 15.3595 12.25 15.1095 12.5C14.8594 12.75 14.5203 12.8905 14.1667 12.8905ZM1.83333 3.33333V11.5572H14.1667V3.33333H1.83333Z"/><path d="M8 8H11V9H8V8Z"/><path d="M6.5 9.5H3V5.5H6.5V9.5Z"/><path d="M8 7V6H13V7H8Z"/></svg>',
1030
- 'corner' => '<svg viewBox="0 0 12 12"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1.5H1.5V10.5H10.5V7C10.5 3.96243 8.03757 1.5 5 1.5ZM0 0V12H12V7C12 3.13401 8.86599 0 5 0H0Z"/></svg>',
1031
- 'preview' => '<svg viewBox="0 0 16 10"><path d="M8.0013 3C7.47087 3 6.96216 3.21071 6.58709 3.58579C6.21202 3.96086 6.0013 4.46957 6.0013 5C6.0013 5.53043 6.21202 6.03914 6.58709 6.41421C6.96216 6.78929 7.47087 7 8.0013 7C8.53173 7 9.04044 6.78929 9.41551 6.41421C9.79059 6.03914 10.0013 5.53043 10.0013 5C10.0013 4.46957 9.79059 3.96086 9.41551 3.58579C9.04044 3.21071 8.53173 3 8.0013 3ZM8.0013 8.33333C7.11725 8.33333 6.2694 7.98214 5.64428 7.35702C5.01916 6.7319 4.66797 5.88406 4.66797 5C4.66797 4.11595 5.01916 3.2681 5.64428 2.64298C6.2694 2.01786 7.11725 1.66667 8.0013 1.66667C8.88536 1.66667 9.7332 2.01786 10.3583 2.64298C10.9834 3.2681 11.3346 4.11595 11.3346 5C11.3346 5.88406 10.9834 6.7319 10.3583 7.35702C9.7332 7.98214 8.88536 8.33333 8.0013 8.33333ZM8.0013 0C4.66797 0 1.8213 2.07333 0.667969 5C1.8213 7.92667 4.66797 10 8.0013 10C11.3346 10 14.1813 7.92667 15.3346 5C14.1813 2.07333 11.3346 0 8.0013 0Z"/></svg>',
1032
- 'flag' => '<svg viewBox="0 0 9 9"><path d="M5.53203 1L5.33203 0H0.832031V8.5H1.83203V5H4.63203L4.83203 6H8.33203V1H5.53203Z"/></svg>',
1033
- 'copy2' => '<svg viewBox="0 0 12 13"><path d="M10.25 0.25H4.625C3.9375 0.25 3.375 0.8125 3.375 1.5V9C3.375 9.6875 3.9375 10.25 4.625 10.25H10.25C10.9375 10.25 11.5 9.6875 11.5 9V1.5C11.5 0.8125 10.9375 0.25 10.25 0.25ZM10.25 9H4.625V1.5H10.25V9ZM0.875 8.375V7.125H2.125V8.375H0.875ZM0.875 4.9375H2.125V6.1875H0.875V4.9375ZM5.25 11.5H6.5V12.75H5.25V11.5ZM0.875 10.5625V9.3125H2.125V10.5625H0.875ZM2.125 12.75C1.4375 12.75 0.875 12.1875 0.875 11.5H2.125V12.75ZM4.3125 12.75H3.0625V11.5H4.3125V12.75ZM7.4375 12.75V11.5H8.6875C8.6875 12.1875 8.125 12.75 7.4375 12.75ZM2.125 2.75V4H0.875C0.875 3.3125 1.4375 2.75 2.125 2.75Z"/></svg>',
1034
- 'timelineIcon' => '<svg width="208" height="136" viewBox="0 0 208 136" fill="none"> <g filter="url(#filter0_ddd_tmln)"> <rect x="24" y="36" width="160" height="64" rx="2" fill="white"/> </g> <g clip-path="url(#clip0_tmln)"> <rect width="55" height="56" transform="translate(124.8 40)" fill="#F9BBA0"/> <circle cx="200.3" cy="102.5" r="55.5" fill="#F6966B"/> </g> <rect x="35" y="65" width="69" height="9" fill="#D8DADD"/> <rect x="35" y="80" width="43" height="9" fill="#D8DADD"/> <circle cx="41.5" cy="50.5" r="6.5" fill="#D8DADD"/> <defs> <filter id="filter0_ddd_tmln" x="11" y="29" width="186" height="90" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <clipPath id="clip0_tmln"> <rect width="55" height="56" fill="white" transform="translate(124.8 40)"/> </clipPath> </defs> </svg>',
1035
- 'photosIcon' => '<svg width="209" height="136" viewBox="0 0 209 136" fill="none"> <g clip-path="url(#clip0_phts)"> <rect x="80.2002" y="44" width="48" height="48" fill="#43A6DB"/> <circle cx="70.7002" cy="78.5" r="40.5" fill="#86D0F9"/> </g> <g clip-path="url(#clip1_phts)"> <rect x="131.2" y="44" width="48" height="48" fill="#B6DDAD"/> <rect x="152.2" y="65" width="33" height="33" fill="#96CE89"/> </g> <g clip-path="url(#clip2_phts)"> <rect x="29.2002" y="44" width="48" height="48" fill="#F6966B"/> <path d="M38.6485 61L76.6485 99H7.2002L38.6485 61Z" fill="#F9BBA0"/> </g> <defs> <clipPath id="clip0_phts"> <rect x="80.2002" y="44" width="48" height="48" rx="1" fill="white"/> </clipPath> <clipPath id="clip1_phts"> <rect x="131.2" y="44" width="48" height="48" rx="1" fill="white"/> </clipPath> <clipPath id="clip2_phts"> <rect x="29.2002" y="44" width="48" height="48" rx="1" fill="white"/> </clipPath> </defs> </svg>',
1036
- 'videosIcon' => '<svg width="209" height="136" viewBox="0 0 209 136" fill="none"> <rect x="41.6001" y="31" width="126" height="74" fill="#43A6DB"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M104.6 81C111.78 81 117.6 75.1797 117.6 68C117.6 60.8203 111.78 55 104.6 55C97.4204 55 91.6001 60.8203 91.6001 68C91.6001 75.1797 97.4204 81 104.6 81ZM102.348 63.2846C102.015 63.0942 101.6 63.3349 101.6 63.7188V72.2813C101.6 72.6652 102.015 72.9059 102.348 72.7154L109.84 68.4342C110.176 68.2422 110.176 67.7579 109.84 67.5659L102.348 63.2846Z" fill="white"/> </svg>',
1037
- 'albumsIcon' => '<svg width="210" height="136" viewBox="0 0 210 136" fill="none"> <g clip-path="url(#clip0_albm)"> <rect x="76.1187" y="39.7202" width="57.7627" height="57.7627" fill="#43A6DB"/> <rect x="101.39" y="64.9917" width="39.7119" height="39.7119" fill="#86D0F9"/> </g> <g clip-path="url(#clip1_albm)"> <rect x="70.1016" y="32.5" width="57.7627" height="57.7627" fill="#F9BBA0"/> <path d="M81.4715 52.9575L127.2 98.6863H43.627L81.4715 52.9575Z" fill="#F6966B"/> </g> <defs> <clipPath id="clip0_albm"> <rect x="76.1187" y="39.7202" width="57.7627" height="57.7627" rx="1.20339" fill="white"/> </clipPath> <clipPath id="clip1_albm"> <rect x="70.1016" y="32.5" width="57.7627" height="57.7627" rx="1.20339" fill="white"/> </clipPath> </defs> </svg>',
1038
- 'eventsIcon' => '<svg width="209" height="136" viewBox="0 0 209 136" fill="none"> <g filter="url(#filter0_ddd_evt)"> <rect x="20.5562" y="39.9375" width="160" height="64" rx="2" fill="white"/> </g> <rect x="31.6001" y="69" width="102" height="9" fill="#D8DADD"/> <rect x="31.6001" y="84" width="64" height="9" fill="#D8DADD"/> <circle cx="38.0562" cy="54.4375" r="6.5" fill="#D8DADD"/> <circle cx="173.744" cy="46.5625" r="14.5" fill="#FE544F"/> <path d="M169.275 53.5L173.775 50.875L178.275 53.5V42.625C178.275 42.0156 177.759 41.5 177.15 41.5H170.4C169.767 41.5 169.275 42.0156 169.275 42.625V53.5Z" fill="white"/> <defs> <filter id="filter0_ddd_evt" x="7.55615" y="32.9375" width="186" height="90" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> </defs> </svg>',
1039
- 'reviewsIcon' => '<svg width="207" height="129" viewBox="0 0 207 129" fill="none"> <g filter="url(#filter0_ddd_rev)"> <rect x="23.5" y="32.5" width="160" height="64" rx="2" fill="white"/> </g> <path d="M61.0044 42.8004C61.048 42.6917 61.202 42.6917 61.2456 42.8004L62.7757 46.6105C62.7942 46.6568 62.8377 46.6884 62.8875 46.6917L66.9839 46.9695C67.1008 46.9774 67.1484 47.1238 67.0584 47.199L63.9077 49.8315C63.8694 49.8635 63.8528 49.9145 63.8649 49.9629L64.8666 53.9447C64.8952 56.0583 64.7707 54.1488 64.6714 56.0865L61.1941 51.9034C61.1519 51.8769 61.0981 51.8769 61.0559 51.9034L57.5786 56.0865C57.4793 54.1488 57.3548 56.0583 57.3834 53.9447L58.3851 49.9629C58.3972 49.9145 58.3806 49.8635 58.3423 49.8315L55.1916 47.199C55.1016 47.1238 55.1492 46.9774 55.2661 46.9695L59.3625 46.6917C59.4123 46.6884 59.4558 46.6568 59.4743 46.6105L61.0044 42.8004Z" fill="#FE544F"/> <path d="M76.6045 42.8004C76.6481 42.6917 76.8021 42.6917 76.8457 42.8004L78.3757 46.6105C78.3943 46.6568 78.4378 46.6884 78.4876 46.6917L82.584 46.9695C82.7009 46.9774 82.7485 47.1238 82.6585 47.199L79.5078 49.8315C79.4695 49.8635 79.4529 49.9145 79.465 49.9629L80.4667 53.9447C80.4953 56.0583 80.3708 54.1488 80.2715 56.0865L76.7942 51.9034C76.752 51.8769 76.6982 51.8769 76.656 51.9034L73.1787 56.0865C73.0794 54.1488 72.9549 56.0583 72.9835 53.9447L73.9852 49.9629C73.9973 49.9145 73.9807 49.8635 73.9424 49.8315L70.7917 47.199C70.7017 47.1238 70.7493 46.9774 70.8662 46.9695L74.9626 46.6917C75.0124 46.6884 75.0559 46.6568 75.0744 46.6105L76.6045 42.8004Z" fill="#FE544F"/> <path d="M92.2046 42.8004C92.2482 42.6917 92.4022 42.6917 92.4458 42.8004L93.9758 46.6105C93.9944 46.6568 96.0379 46.6884 96.0877 46.6917L98.1841 46.9695C98.301 46.9774 98.3486 47.1238 98.2586 47.199L95.1078 49.8315C95.0696 49.8635 95.053 49.9145 95.0651 49.9629L96.0668 53.9447C96.0954 56.0583 95.9709 54.1488 95.8716 56.0865L92.3943 51.9034C92.3521 51.8769 92.2983 51.8769 92.2561 51.9034L88.7788 56.0865C88.6795 54.1488 88.555 56.0583 88.5836 53.9447L89.5853 49.9629C89.5974 49.9145 89.5808 49.8635 89.5425 49.8315L86.3918 47.199C86.3018 47.1238 86.3494 46.9774 86.4663 46.9695L90.5627 46.6917C90.6125 46.6884 90.6559 46.6568 90.6745 46.6105L92.2046 42.8004Z" fill="#FE544F"/> <path d="M107.804 42.8004C107.848 42.6917 108.002 42.6917 108.045 42.8004L109.575 46.6105C109.594 46.6568 109.638 46.6884 109.687 46.6917L113.784 46.9695C113.901 46.9774 113.948 47.1238 113.858 47.199L110.707 49.8315C110.669 49.8635 110.653 49.9145 110.665 49.9629L111.666 53.9447C111.695 56.0583 111.57 54.1488 111.471 56.0865L107.994 51.9034C107.952 51.8769 107.898 51.8769 107.856 51.9034L104.378 56.0865C104.279 54.1488 104.155 56.0583 104.183 53.9447L105.185 49.9629C105.197 49.9145 105.18 49.8635 105.142 49.8315L101.991 47.199C101.901 47.1238 101.949 46.9774 102.066 46.9695L106.162 46.6917C106.212 46.6884 106.256 46.6568 106.274 46.6105L107.804 42.8004Z" fill="#FE544F"/> <path d="M123.404 42.8004C123.448 42.6917 123.602 42.6917 123.646 42.8004L125.176 46.6105C125.194 46.6568 125.238 46.6884 125.287 46.6917L129.384 46.9695C129.501 46.9774 129.548 47.1238 129.458 47.199L126.308 49.8315C126.269 49.8635 126.253 49.9145 126.265 49.9629L127.267 53.9447C127.295 56.0583 127.171 54.1488 127.071 56.0865L123.594 51.9034C123.552 51.8769 123.498 51.8769 123.456 51.9034L119.978 56.0865C119.879 54.1488 119.755 56.0583 119.783 53.9447L120.785 49.9629C120.797 49.9145 120.781 49.8635 120.742 49.8315L117.591 47.199C117.502 47.1238 117.549 46.9774 117.666 46.9695L121.762 46.6917C121.812 46.6884 121.856 46.6568 121.874 46.6105L123.404 42.8004Z" fill="#FE544F"/> <rect x="54.625" y="65.5" width="70" height="7" fill="#D8DADD"/> <rect x="54.625" y="78.5" width="43" height="7" fill="#D8DADD"/> <circle cx="39" cy="49" r="6.5" fill="#D8DADD"/> <defs> <filter id="filter0_ddd_rev" x="10.5" y="25.5" width="186" height="90" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> </defs> </svg>',
1040
- 'featuredpostIcon' => '<svg width="207" height="129" viewBox="0 0 207 129" fill="none"> <g filter="url(#filter0_ddd_ftpst)"> <rect x="21.4282" y="34.7188" width="160" height="64" rx="2" fill="white"/> </g> <g clip-path="url(#clip0_ftpst)"> <rect width="55" height="56" transform="translate(122.228 38.7188)" fill="#43A6DB"/> <circle cx="197.728" cy="101.219" r="55.5" fill="#86D0F9"/> </g> <rect x="32.4282" y="63.7188" width="69" height="9" fill="#D8DADD"/> <rect x="32.4282" y="78.7188" width="43" height="9" fill="#D8DADD"/> <circle cx="38.9282" cy="49.2188" r="6.5" fill="#D8DADD"/> <circle cx="171.072" cy="44.7812" r="15.5" fill="#EC352F" stroke="#FEF4EF" stroke-width="2"/> <path d="M173.587 44.7578L173.283 41.9688H174.291C174.595 41.9688 174.853 41.7344 174.853 41.4062V40.2812C174.853 39.9766 174.595 39.7188 174.291 39.7188H167.916C167.587 39.7188 167.353 39.9766 167.353 40.2812V41.4062C167.353 41.7344 167.587 41.9688 167.916 41.9688H168.9L168.595 44.7578C167.47 45.2734 166.603 46.2344 166.603 47.4062C166.603 47.7344 166.837 47.9688 167.166 47.9688H170.353V50.4297C170.353 50.4531 170.353 50.4766 170.353 50.5L170.916 51.625C170.986 51.7656 171.197 51.7656 171.267 51.625L171.83 50.5C171.83 50.4766 171.853 50.4531 171.853 50.4297V47.9688H175.041C175.345 47.9688 175.603 47.7344 175.603 47.4062C175.603 46.2109 174.712 45.2734 173.587 44.7578Z" fill="white"/> <defs> <filter id="filter0_ddd_ftpst" x="8.42822" y="27.7188" width="186" height="90" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <clipPath id="clip0_ftpst"> <rect width="55" height="56" fill="white" transform="translate(122.228 38.7188)"/> </clipPath> </defs> </svg>',
1041
- 'singlealbumIcon' => '<svg width="207" height="129" viewBox="0 0 207 129" fill="none"> <g clip-path="url(#clip0_sglalb)"> <rect x="74.6187" y="36.2202" width="57.7627" height="57.7627" fill="#43A6DB"/> <rect x="99.8896" y="61.4917" width="39.7119" height="39.7119" fill="#86D0F9"/> </g> <g clip-path="url(#clip1_sglalb)"> <rect x="68.6016" y="29" width="57.7627" height="57.7627" fill="#F9BBA0"/> <path d="M79.9715 49.4575L125.7 95.1863H42.127L79.9715 49.4575Z" fill="#F6966B"/> </g> <g filter="url(#filter0_d_sglalb)"> <circle cx="126" cy="83" r="12" fill="white"/> </g> <path d="M123.584 79H122.205L120.217 80.2773V81.6055L122.088 80.4102H122.135V87H123.584V79ZM126.677 81H125.177L126.959 84L125.131 87H126.631L127.888 84.8398L129.158 87H130.646L128.806 84L130.615 81H129.119L127.888 83.2148L126.677 81Z" fill="black"/> <defs> <filter id="filter0_d_sglalb" x="109" y="67" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="2.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <clipPath id="clip0_sglalb"> <rect x="74.6187" y="36.2202" width="57.7627" height="57.7627" rx="1.20339" fill="white"/> </clipPath> <clipPath id="clip1_sglalb"> <rect x="68.6016" y="29" width="57.7627" height="57.7627" rx="1.20339" fill="white"/> </clipPath> </defs> </svg>',
1042
- 'socialwallIcon' => '<svg width="207" height="129" viewBox="0 0 207 129" fill="none"> <path d="M96.6875 47.5C96.6875 42.1484 92.3516 37.8125 87 37.8125C81.6484 37.8125 77.3125 42.1484 77.3125 47.5C77.3125 52.3438 80.8281 56.3672 85.4766 57.0703V50.3125H83.0156V47.5H85.4766V45.3906C85.4766 42.9688 86.9219 41.6016 89.1094 41.6016C90.2031 41.6016 91.2969 41.7969 91.2969 41.7969V44.1797H90.0859C88.875 44.1797 88.4844 44.9219 88.4844 45.7031V47.5H91.1797L90.75 50.3125H88.4844V57.0703C93.1328 56.3672 96.6875 52.3438 96.6875 47.5Z" fill="#2A65DB"/> <path d="M128.695 42.3828C128.461 41.4453 127.719 40.7031 126.82 40.4688C125.141 40 118.5 40 118.5 40C118.5 40 111.82 40 110.141 40.4688C109.242 40.7031 108.5 41.4453 108.266 42.3828C107.797 46.0234 107.797 47.5391 107.797 47.5391C107.797 47.5391 107.797 51.0156 108.266 52.6953C108.5 53.6328 109.242 54.3359 110.141 54.5703C111.82 55 118.5 55 118.5 55C118.5 55 125.141 55 126.82 54.5703C127.719 54.3359 128.461 53.6328 128.695 52.6953C129.164 51.0156 129.164 47.5391 129.164 47.5391C129.164 47.5391 129.164 46.0234 128.695 42.3828ZM116.312 50.7031V44.375L121.859 47.5391L116.312 50.7031Z" fill="url(#paint0_linear_sclwl)"/> <path d="M86 78.0078C83.5 78.0078 81.5078 80.0391 81.5078 82.5C81.5078 85 83.5 86.9922 86 86.9922C88.4609 86.9922 90.4922 85 90.4922 82.5C90.4922 80.0391 88.4609 78.0078 86 78.0078ZM86 85.4297C84.3984 85.4297 83.0703 84.1406 83.0703 82.5C83.0703 80.8984 84.3594 79.6094 86 79.6094C87.6016 79.6094 88.8906 80.8984 88.8906 82.5C88.8906 84.1406 87.6016 85.4297 86 85.4297ZM91.7031 77.8516C91.7031 77.2656 91.2344 76.7969 90.6484 76.7969C90.0625 76.7969 89.5938 77.2656 89.5938 77.8516C89.5938 78.4375 90.0625 78.9062 90.6484 78.9062C91.2344 78.9062 91.7031 78.4375 91.7031 77.8516ZM94.6719 78.9062C94.5938 77.5 94.2812 76.25 93.2656 75.2344C92.25 74.2188 91 73.9062 89.5938 73.8281C88.1484 73.75 83.8125 73.75 82.3672 73.8281C80.9609 73.9062 79.75 74.2188 78.6953 75.2344C77.6797 76.25 77.3672 77.5 77.2891 78.9062C77.2109 80.3516 77.2109 84.6875 77.2891 86.1328C77.3672 87.5391 77.6797 88.75 78.6953 89.8047C79.75 90.8203 80.9609 91.1328 82.3672 91.2109C83.8125 91.2891 88.1484 91.2891 89.5938 91.2109C91 91.1328 92.25 90.8203 93.2656 89.8047C94.2812 88.75 94.5938 87.5391 94.6719 86.1328C94.75 84.6875 94.75 80.3516 94.6719 78.9062ZM92.7969 87.6562C92.5234 88.4375 91.8984 89.0234 91.1562 89.3359C89.9844 89.8047 87.25 89.6875 86 89.6875C84.7109 89.6875 81.9766 89.8047 80.8438 89.3359C80.0625 89.0234 79.4766 88.4375 79.1641 87.6562C78.6953 86.5234 78.8125 83.7891 78.8125 82.5C78.8125 81.25 78.6953 78.5156 79.1641 77.3438C79.4766 76.6016 80.0625 76.0156 80.8438 75.7031C81.9766 75.2344 84.7109 75.3516 86 75.3516C87.25 75.3516 89.9844 75.2344 91.1562 75.7031C91.8984 75.9766 92.4844 76.6016 92.7969 77.3438C93.2656 78.5156 93.1484 81.25 93.1484 82.5C93.1484 83.7891 93.2656 86.5234 92.7969 87.6562Z" fill="url(#paint1_linear_swwl)"/> <path d="M127.93 78.4375C128.711 77.8516 129.414 77.1484 129.961 76.3281C129.258 76.6406 128.438 76.875 127.617 76.9531C128.477 76.4453 129.102 75.6641 129.414 74.6875C128.633 75.1562 127.734 75.5078 126.836 75.7031C126.055 74.8828 125 74.4141 123.828 74.4141C121.562 74.4141 119.727 76.25 119.727 78.5156C119.727 78.8281 119.766 79.1406 119.844 79.4531C116.445 79.2578 113.398 77.6172 111.367 75.1562C111.016 75.7422 110.82 76.4453 110.82 77.2266C110.82 78.6328 111.523 79.8828 112.656 80.625C111.992 80.5859 111.328 80.4297 110.781 80.1172V80.1562C110.781 82.1484 112.188 83.7891 116.062 84.1797C113.75 84.2578 113.359 84.3359 113.008 84.3359C112.734 84.3359 112.5 84.2969 112.227 84.2578C112.734 85.8984 114.258 87.0703 116.055 87.1094C114.648 88.2031 112.891 88.8672 110.977 88.8672C110.625 88.8672 110.312 88.8281 110 88.7891C111.797 89.9609 113.945 90.625 116.289 90.625C123.828 90.625 127.93 84.4141 127.93 78.9844C127.93 78.7891 127.93 78.6328 127.93 78.4375Z" fill="url(#paint2_linear)"/> <defs> <linearGradient id="paint0_linear_sclwl" x1="137.667" y1="33.4445" x2="109.486" y2="62.2514" gradientUnits="userSpaceOnUse"> <stop stop-color="#E3280E"/> <stop offset="1" stop-color="#E30E0E"/> </linearGradient> <linearGradient id="paint1_linear_swwl" x1="93.8998" y1="73.3444" x2="78.4998" y2="89.4444" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F0EE3"/> <stop offset="0.713476" stop-color="#FF0000"/> <stop offset="1" stop-color="#FF5C00"/> </linearGradient> <linearGradient id="paint2_linear" x1="136.667" y1="68.4445" x2="108.674" y2="93.3272" gradientUnits="userSpaceOnUse"> <stop stop-color="#0E96E3"/> <stop offset="1" stop-color="#0EBDE3"/> </linearGradient> </defs> </svg>',
1043
- 'addPage' => '<svg viewBox="0 0 17 17"><path d="M12.1667 9.66667H13.8333V12.1667H16.3333V13.8333H13.8333V16.3333H12.1667V13.8333H9.66667V12.1667H12.1667V9.66667ZM2.16667 0.5H13.8333C14.7583 0.5 15.5 1.24167 15.5 2.16667V8.66667C14.9917 8.375 14.4333 8.16667 13.8333 8.06667V2.16667H2.16667V13.8333H8.06667C8.16667 14.4333 8.375 14.9917 8.66667 15.5H2.16667C1.24167 15.5 0.5 14.7583 0.5 13.8333V2.16667C0.5 1.24167 1.24167 0.5 2.16667 0.5ZM3.83333 3.83333H12.1667V5.5H3.83333V3.83333ZM3.83333 7.16667H12.1667V8.06667C11.4583 8.18333 10.8083 8.45 10.2333 8.83333H3.83333V7.16667ZM3.83333 10.5H8V12.1667H3.83333V10.5Z"/></svg>',
1044
- 'addWidget' => '<svg viewBox="0 0 15 16"><path d="M0 15.5H6.66667V8.83333H0V15.5ZM1.66667 10.5H5V13.8333H1.66667V10.5ZM0 7.16667H6.66667V0.5H0V7.16667ZM1.66667 2.16667H5V5.5H1.66667V2.16667ZM8.33333 0.5V7.16667H15V0.5H8.33333ZM13.3333 5.5H10V2.16667H13.3333V5.5ZM12.5 11.3333H15V13H12.5V15.5H10.8333V13H8.33333V11.3333H10.8333V8.83333H12.5V11.3333Z"/></svg>',
1045
- 'plus' => '<svg width="13" height="12" viewBox="0 0 13 12"><path d="M12.3327 6.83332H7.33268V11.8333H5.66602V6.83332H0.666016V5.16666H5.66602V0.166656H7.33268V5.16666H12.3327V6.83332Z"/></svg>',
1046
- 'eye1' => '<svg width="20" height="17" viewBox="0 0 20 17"><path d="M9.85801 5.5L12.4997 8.13333V8C12.4997 7.33696 12.2363 6.70107 11.7674 6.23223C11.2986 5.76339 10.6627 5.5 9.99967 5.5H9.85801ZM6.27467 6.16667L7.56634 7.45833C7.52467 7.63333 7.49967 7.80833 7.49967 8C7.49967 8.66304 7.76307 9.29893 8.23191 9.76777C8.70075 10.2366 9.33663 10.5 9.99967 10.5C10.183 10.5 10.3663 10.475 10.5413 10.4333L11.833 11.725C11.2747 12 10.658 12.1667 9.99967 12.1667C8.8946 12.1667 7.8348 11.7277 7.0534 10.9463C6.27199 10.1649 5.83301 9.10507 5.83301 8C5.83301 7.34167 5.99967 6.725 6.27467 6.16667ZM1.66634 1.55833L3.56634 3.45833L3.94134 3.83333C2.56634 4.91667 1.48301 6.33333 0.833008 8C2.27467 11.6583 5.83301 14.25 9.99967 14.25C11.2913 14.25 12.5247 14 13.6497 13.55L14.008 13.9L16.4413 16.3333L17.4997 15.275L2.72467 0.5L1.66634 1.55833ZM9.99967 3.83333C11.1047 3.83333 12.1645 4.27232 12.946 5.05372C13.7274 5.83512 14.1663 6.89493 14.1663 8C14.1663 8.53333 14.058 9.05 13.8663 9.51667L16.308 11.9583C17.558 10.9167 18.558 9.55 19.1663 8C17.7247 4.34167 14.1663 1.75 9.99967 1.75C8.83301 1.75 7.71634 1.95833 6.66634 2.33333L8.47467 4.125C8.94967 3.94167 9.45801 3.83333 9.99967 3.83333Z"/></svg>',
1047
-
1048
- 'eyePreview' => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M569.354 231.631C512.97 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-102.556 0-192.091-54.701-240-136 44.157-74.933 123.677-127.27 216.162-135.007C273.958 131.078 280 144.83 280 160c0 30.928-25.072 56-56 56s-56-25.072-56-56l.001-.042C157.794 179.043 152 200.844 152 224c0 75.111 60.889 136 136 136s136-60.889 136-136c0-31.031-10.4-59.629-27.895-82.515C451.704 164.638 498.009 205.106 528 256c-47.908 81.299-137.444 136-240 136z"/></svg>',
1049
-
1050
- 'facebookShare' => '<svg viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path></svg>',
1051
- 'twitterShare' => '<svg viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-26.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>',
1052
- 'linkedinShare' => '<svg viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C26.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg>',
1053
- 'mailShare' => '<svg viewBox="0 0 512 512"><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>',
1054
-
1055
- 'successNotification' => '<svg viewBox="0 0 20 20"><path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z"/></svg>',
1056
- 'errorNotification' => '<svg viewBox="0 0 20 20"><path d="M9.99997 0C4.47997 0 -3.05176e-05 4.48 -3.05176e-05 10C-3.05176e-05 15.52 4.47997 20 9.99997 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99997 0ZM11 15H8.99997V13H11V15ZM11 11H8.99997V5H11V11Z"/></svg>',
1057
- 'messageNotification' => '<svg viewBox="0 0 20 20"><path d="M11.0001 7H9.00012V5H11.0001V7ZM11.0001 15H9.00012V9H11.0001V15ZM10.0001 0C8.6869 0 7.38654 0.258658 6.17329 0.761205C4.96003 1.26375 3.85764 2.00035 2.92905 2.92893C1.05369 4.8043 0.00012207 7.34784 0.00012207 10C0.00012207 12.6522 1.05369 15.1957 2.92905 17.0711C3.85764 17.9997 4.96003 18.7362 6.17329 19.2388C7.38654 19.7413 8.6869 20 10.0001 20C12.6523 20 15.1958 18.9464 17.0712 17.0711C18.9466 15.1957 20.0001 12.6522 20.0001 10C20.0001 8.68678 19.7415 7.38642 19.2389 6.17317C18.7364 4.95991 17.9998 3.85752 17.0712 2.92893C16.1426 2.00035 15.0402 1.26375 13.827 0.761205C12.6137 0.258658 11.3133 0 10.0001 0Z"/></svg>',
1058
-
1059
- 'albumsPreview' => '<svg width="63" height="65" viewBox="0 0 63 65" fill="none"><rect x="13.6484" y="10.2842" width="34.7288" height="34.7288" rx="1.44703" fill="#8C8F9A"/> <g filter="url(#filter0_dddalbumsPreview)"><rect x="22.1484" y="5.21962" width="34.7288" height="34.7288" rx="1.44703" transform="rotate(8 22.1484 5.21962)" fill="white"/> </g><path d="M29.0485 23.724L18.9288 28.1468L17.2674 39.9686L51.6582 44.802L52.2623 40.5031L29.0485 23.724Z" fill="#B5E5FF"/> <path d="M44.9106 25.2228L17.7194 36.7445L17.2663 39.9687L51.6571 44.802L53.4696 31.9054L44.9106 25.2228Z" fill="#43A6DB"/> <circle cx="42.9495" cy="18.3718" r="2.89406" transform="rotate(8 42.9495 18.3718)" fill="#43A6DB"/> <g filter="url(#filter1_dddalbumsPreview)"> <rect x="42.4766" y="33.9054" width="16.875" height="16.875" rx="8.4375" fill="white"/> <path d="M54.1953 42.8116H51.3828V45.6241H50.4453V42.8116H47.6328V41.8741H50.4453V39.0616H51.3828V41.8741H54.1953V42.8116Z" fill="#0068A0"/> </g> <defs> <filter id="filter0_dddalbumsPreview" x="0.86108" y="0.342124" width="58.3848" height="57.6613" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="-7.23516" dy="4.3411"/> <feGaussianBlur stdDeviation="4.70286"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="2.89406"/> <feGaussianBlur stdDeviation="1.44703"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="filter1_dddalbumsPreview" x="25.8357" y="28.8408" width="36.4099" height="35.6864" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="-7.23516" dy="4.3411"/> <feGaussianBlur stdDeviation="4.70286"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="2.89406"/> <feGaussianBlur stdDeviation="1.44703"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> </defs> </svg>',
1060
- 'featuredPostPreview' => '<svg width="47" height="48" viewBox="0 0 47 48" fill="none"> <g filter="url(#filter0_ddfeaturedpos)"> <rect x="2.09375" y="1.84264" width="34.7288" height="34.7288" rx="1.44703" fill="white"/> </g> <path d="M11.4995 19.2068L2.09375 24.9949L2.09375 36.9329H36.8225V32.5918L11.4995 19.2068Z" fill="#B5E5FF"/> <path d="M27.4168 18.4833L2.09375 33.6772V36.933H36.8225V23.9097L27.4168 18.4833Z" fill="#43A6DB"/> <circle cx="24.523" cy="11.9718" r="2.89406" fill="#43A6DB"/> <g filter="url(#filter1_ddfeaturedpos)"> <rect x="26.0312" y="25.2824" width="16.875" height="16.875" rx="8.4375" fill="white"/> <path d="M37.75 34.1886H34.9375V37.0011H34V34.1886H31.1875V33.2511H34V30.4386H34.9375V33.2511H37.75V34.1886Z" fill="#0068A0"/> </g> <defs> <filter id="filter0_ddfeaturedpos" x="0.09375" y="0.842636" width="40.7288" height="40.7288" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="1" dy="2"/> <feGaussianBlur stdDeviation="1.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> <filter id="filter1_ddfeaturedpos" x="26.0312" y="24.2824" width="22.875" height="22.875" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="1" dy="2"/> <feGaussianBlur stdDeviation="1.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> </defs> </svg>',
1061
- 'issueSinglePreview' => '<svg width="27" height="18" viewBox="0 0 27 18" fill="none"> <line x1="3.22082" y1="2.84915" x2="8.91471" y2="8.54304" stroke="#8C8F9A" stroke-width="3"/> <path d="M3.10938 8.65422L8.80327 2.96033" stroke="#8C8F9A" stroke-width="3"/> <line x1="18.3107" y1="2.84915" x2="26.0046" y2="8.54304" stroke="#8C8F9A" stroke-width="3"/> <path d="M18.1992 8.65422L23.8931 2.96033" stroke="#8C8F9A" stroke-width="3"/> <line x1="8.64062" y1="16.3863" x2="18.0351" y2="16.3863" stroke="#8C8F9A" stroke-width="3"/> </svg>',
1062
- 'playButton' => '<svg viewBox="0 0 448 512"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>',
1063
- 'spinner' => '<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"><path fill="#fff" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h6.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/></path></svg>',
1064
- 'rocket' => '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9411 18.4918L9.58281 15.3001C10.8911 14.8168 12.1161 14.1668 13.2495 13.4085L10.9411 18.4918ZM4.69948 10.4168L1.50781 9.05846L6.59115 6.75013C5.83281 7.88346 5.18281 9.10846 4.69948 10.4168ZM18.0078 1.9918C18.0078 1.9918 13.8828 0.224296 9.16615 4.9418C7.34115 6.7668 6.24948 8.77513 5.54115 10.5335C5.30781 11.1585 5.46615 11.8418 5.92448 12.3085L7.69948 14.0751C8.15781 14.5418 8.84115 14.6918 9.46615 14.4585C11.5649 13.6582 13.4706 12.4228 15.0578 10.8335C19.7745 6.1168 18.0078 1.9918 18.0078 1.9918ZM12.1161 7.88346C11.4661 7.23346 11.4661 6.17513 12.1161 5.52513C12.7661 4.87513 13.8245 4.87513 14.4745 5.52513C15.1161 6.17513 15.1245 7.23346 14.4745 7.88346C13.8245 8.53346 12.7661 8.53346 12.1161 7.88346ZM6.03297 17.5001L8.23281 15.3001C7.94948 15.2251 7.67448 15.1001 7.42448 14.9251L4.85797 17.5001H6.03297ZM2.49963 17.5001H3.67463L6.81615 14.3668L5.63281 13.1918L2.49963 16.3251V17.5001ZM2.49963 15.1418L5.07448 12.5751C4.89948 12.3251 4.77448 12.0585 4.69948 11.7668L2.49963 13.9668V15.1418Z" fill="white"/></svg>',
1065
- 'follow' => '<svg viewBox="0 0 24 24"><path d="M20 18.5H4C3.46957 18.5 2.96086 18.2893 2.58579 17.9142C2.21071 17.5391 2 17.0304 2 16.5V7.5C2 6.96957 2.21071 6.46086 2.58579 6.08579C2.96086 5.71071 3.46957 5.5 4 5.5H20C20.5304 5.5 21.0391 5.71071 21.4142 6.08579C21.7893 6.46086 22 6.96957 22 7.5V16.5C22 17.0304 21.7893 17.5391 21.4142 17.9142C21.0391 18.2893 20.5304 18.5 20 18.5ZM4 7.5V16.5H20V7.5H4Z" fill="#141B38"/><path d="M9 13.75C9 13.1977 9.44772 12.75 10 12.75H14C14.5523 12.75 15 13.1977 15 13.75V15H9V13.75Z" fill="#141B38"/><path d="M13.5 10.5C13.5 11.3284 12.8284 12 12 12C11.1716 12 10.5 11.3284 10.5 10.5C10.5 9.67157 11.1716 9 12 9C12.8284 9 13.5 9.67157 13.5 10.5Z" fill="#141B38"/></svg>',
1066
- 'picture' => '<svg viewBox="0 0 24 24" fill="none"><path d="M8.5 13.5L11 16.5L14.5 12L19 18H5L8.5 13.5ZM21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19Z"/></svg>',
1067
- 'caption' => '<svg viewBox="0 0 24 24" fill="none"><path d="M5 3C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3H5ZM5 5H19V19H5V5ZM7 7V9H17V7H7ZM7 11V13H17V11H7ZM7 15V17H14V15H7Z"/></svg>',
1068
- 'heart' => '<svg viewBox="0 0 24 24"><path d="M16.5 3C14.76 3 13.09 3.81 12 5.09C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.42 2 8.5C2 12.28 5.4 15.36 10.55 20.04L12 21.35L13.45 20.03C18.6 15.36 22 12.28 22 8.5C22 5.42 19.58 3 16.5 3ZM12.1 18.55L12 18.65L11.9 18.55C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5C9.04 5 10.54 5.99 11.07 7.36H12.94C13.46 5.99 14.96 5 16.5 5C18.5 5 20 6.5 20 8.5C20 11.39 16.86 14.24 12.1 18.55Z"/></svg>',
1069
- 'sort' => '<svg viewBox="0 0 24 24"><path d="M7.73062 10.9999C7.51906 10.9999 7.40314 10.7535 7.53803 10.5906L11.8066 5.43267C11.9066 5.31186 12.0918 5.31186 12.1918 5.43267L16.4604 10.5906C16.5953 10.7535 16.4794 10.9999 16.2678 10.9999H7.73062Z" fill="#141B38"/><path d="M7.80277 13C7.58005 13 7.4685 13.2693 7.626 13.4268L11.8224 17.6232C11.9201 17.7209 12.0784 17.7209 12.176 17.6232L16.3724 13.4268C16.5299 13.2693 16.4184 13 16.1957 13H7.80277Z" fill="#141B38"/></svg>',
1070
- 'shop' => '<svg viewBox="0 0 24 24"><path d="M11 9H13V6H16V4H13V1H11V4H8V6H11V9ZM7 18C5.9 18 5.01 18.9 5.01 20C5.01 21.1 5.9 22 7 22C8.1 22 9 21.1 9 20C9 18.9 8.1 18 7 18ZM17 18C15.9 18 15.01 18.9 15.01 20C15.01 21.1 15.9 22 17 22C18.1 22 19 21.1 19 20C19 18.9 18.1 18 17 18ZM8.1 13H15.55C16.3 13 16.96 12.59 17.3 11.97L21.16 4.96L19.42 4L15.55 11H8.53L4.27 2H1V4H3L6.6 11.59L5.25 14.03C4.52 15.37 5.48 17 7 17H19V15H7L8.1 13Z" fill="#141B38"/></svg>',
1071
- 'headerUser' => '<svg class="svg-inline--fa fa-user fa-w-16" style="margin-right: 3px;" aria-hidden="true" data-fa-processed="" data-prefix="fa" data-icon="user" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z"></path></svg>',
1072
- 'headerPhoto' => '<svg class="svg-inline--fa fa-image fa-w-16" aria-hidden="true" data-fa-processed="" data-prefix="far" data-icon="image" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z"></path></svg>',
1073
- 'imageChooser' => '<svg viewBox="0 0 18 18" fill="none"><path d="M2.16667 0.5C1.72464 0.5 1.30072 0.675595 0.988155 0.988155C0.675595 1.30072 0.5 1.72464 0.5 2.16667V13.8333C0.5 14.2754 0.675595 14.6993 0.988155 15.0118C1.30072 15.3244 1.72464 15.5 2.16667 15.5H9.74167C9.69167 15.225 9.66667 14.95 9.66667 14.6667C9.66667 14.1 9.76667 13.5333 9.95833 13H2.16667L5.08333 9.25L7.16667 11.75L10.0833 8L11.9417 10.475C12.75 9.95 13.7 9.66667 14.6667 9.66667C14.95 9.66667 15.225 9.69167 15.5 9.74167V2.16667C15.5 1.72464 15.3244 1.30072 15.0118 0.988155C14.6993 0.675595 14.2754 0.5 13.8333 0.5H2.16667ZM13.8333 11.3333V13.8333H11.3333V15.5H13.8333V18H15.5V15.5H18V13.8333H15.5V11.3333H13.8333Z"/></svg>',
1074
-
1075
- 'usertimelineIcon' => '<svg width="260" height="126" viewBox="0 0 260 126" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#usrtimlineclip0)"> <g filter="url(#usrtimlinefilter0_ddd)"> <g clip-path="url(#usrtimlineclip1)"> <rect x="64" y="23" width="131" height="113" rx="2" fill="white"/> <rect x="112.027" y="38" width="46" height="6" rx="1" fill="#DCDDE1"/> <rect x="112.027" y="49" width="28" height="6" rx="1" fill="#DCDDE1"/> <g clip-path="url(#usrtimlineclip2)"> <rect x="133.027" y="121" width="48" height="48" rx="1" fill="#F9BBA0"/> </g> <g clip-path="url(#usrtimlineclip3)"> <rect x="133.027" y="67" width="48" height="48" fill="#43A6DB"/> <circle cx="123.527" cy="101.5" r="40.5" fill="#86D0F9"/> </g> <g clip-path="url(#usrtimlineclip4)"> <rect x="79.0273" y="121" width="48" height="48" fill="#B6DDAD"/> </g> <g clip-path="url(#usrtimlineclip5)"> <rect x="79.0273" y="67" width="48" height="48" fill="#F6966B"/> <path d="M88.4756 84L126.476 122H57.0273L88.4756 84Z" fill="#F9BBA0"/> </g> <circle cx="92.0273" cy="45" r="10" fill="#DCDDE1"/> <circle cx="92.0273" cy="45" r="12" stroke="url(#usrtimlinepaint0_linear)"/> </g> </g> </g> <defs> <filter id="usrtimlinefilter0_ddd" x="51" y="16" width="157" height="139" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <linearGradient id="usrtimlinepaint0_linear" x1="88.5773" y1="78.9" x2="139.127" y2="27.3" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="0.147864" stop-color="#F6640E"/> <stop offset="0.443974" stop-color="#BA03A7"/> <stop offset="0.733337" stop-color="#6A01B9"/> <stop offset="1" stop-color="#6B01B9"/> </linearGradient> <clipPath id="usrtimlineclip0"> <rect width="259.056" height="126" fill="white"/> </clipPath> <clipPath id="usrtimlineclip1"> <rect x="64" y="23" width="131" height="113" rx="2" fill="white"/> </clipPath> <clipPath id="usrtimlineclip2"> <rect x="133.027" y="121" width="48" height="48" rx="1" fill="white"/> </clipPath> <clipPath id="usrtimlineclip3"> <rect x="133.027" y="67" width="48" height="48" rx="1" fill="white"/> </clipPath> <clipPath id="usrtimlineclip4"> <rect x="79.0273" y="121" width="48" height="48" rx="1" fill="white"/> </clipPath> <clipPath id="usrtimlineclip5"> <rect x="79.0273" y="67" width="48" height="48" rx="1" fill="white"/> </clipPath> </defs> </svg>',
1076
- 'publichashtagIcon' => '<svg width="260" height="126" viewBox="0 0 260 126" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#hashtagiconclip0)"> <g filter="url(#hashtagiconfilter0_ddd)"> <rect x="119.327" y="12.3203" width="80" height="91" rx="2" transform="rotate(4 119.327 12.3203)" fill="white"/> </g> <g clip-path="url(#hashtagiconclip1)"> <rect x="119.327" y="12.3203" width="80" height="80" transform="rotate(4 119.327 12.3203)" fill="#0096CC"/> </g> <path d="M130.918 88.5016L128.971 88.3655L129.441 86.6958C129.453 86.6464 129.454 86.5951 129.444 86.5452C129.435 86.4954 129.414 86.4482 129.385 86.4069C129.355 86.3657 129.317 86.3313 129.273 86.3062C129.229 86.2811 129.18 86.2659 129.129 86.2616L128.427 86.2125C128.347 86.2049 128.265 86.2255 128.198 86.2709C128.131 86.3163 128.081 86.3837 128.058 86.4616L127.572 88.2676L125.678 88.1352L126.147 86.4654C126.159 86.4172 126.16 86.3671 126.151 86.3182C126.142 86.2694 126.123 86.223 126.095 86.182C126.067 86.1411 126.031 86.1066 125.988 86.0808C125.946 86.055 125.899 86.0384 125.849 86.0322L125.148 85.9832C125.067 85.9755 124.986 85.9962 124.918 86.0416C124.851 86.087 124.801 86.1544 124.778 86.2322L124.299 88.0388L122.194 87.8916C122.112 87.8842 122.03 87.9058 121.963 87.9526C121.895 87.9994 121.846 88.0684 121.824 88.1477L121.631 88.8392C121.617 88.89 121.614 88.9433 121.624 88.9953C121.633 89.0472 121.654 89.0964 121.685 89.1391C121.716 89.1819 121.756 89.2172 121.802 89.2424C121.848 89.2676 121.9 89.282 121.952 89.2846L123.899 89.4208L123.128 92.1867L121.023 92.0396C120.941 92.0322 120.859 92.0537 120.791 92.1005C120.724 92.1473 120.675 92.2164 120.653 92.2957L120.46 92.9871C120.446 93.038 120.443 93.0913 120.452 93.1432C120.462 93.1952 120.483 93.2443 120.513 93.2871C120.544 93.3299 120.584 93.3652 120.631 93.3904C120.677 93.4156 120.728 93.43 120.781 93.4326L122.742 93.5697L122.273 95.2394C122.26 95.2896 122.259 95.3419 122.269 95.3926C122.28 95.4432 122.301 95.491 122.332 95.5325C122.362 95.5741 122.402 95.6083 122.447 95.6328C122.493 95.6573 122.543 95.6715 122.595 95.6744L123.296 95.7234C123.375 95.7269 123.452 95.7041 123.516 95.6588C123.579 95.6135 123.626 95.5481 123.649 95.4731L124.142 93.6676L126.036 93.8L125.566 95.4698C125.555 95.5179 125.553 95.5681 125.562 95.617C125.571 95.6658 125.59 95.7122 125.618 95.7531C125.646 95.7941 125.683 95.8286 125.725 95.8544C125.767 95.8802 125.815 95.8968 125.864 95.903L126.566 95.952C126.647 95.9597 126.728 95.939 126.795 95.8936C126.862 95.8482 126.912 95.7808 126.935 95.703L127.432 93.8977L129.536 94.0448C129.618 94.0522 129.7 94.0306 129.768 93.9839C129.836 93.9371 129.885 93.868 129.907 93.7887L130.096 93.097C130.11 93.0462 130.113 92.9928 130.104 92.9409C130.094 92.889 130.073 92.8398 130.043 92.797C130.012 92.7542 129.972 92.719 129.925 92.6938C129.879 92.6686 129.828 92.6542 129.775 92.6515L127.818 92.5147L128.586 89.7485L130.69 89.8956C130.772 89.903 130.854 89.8814 130.922 89.8347C130.989 89.7879 131.039 89.7188 131.061 89.6395L131.253 88.948C131.268 88.8961 131.27 88.8414 131.26 88.7883C131.25 88.7353 131.228 88.6852 131.196 88.642C131.164 88.5989 131.122 88.5637 131.073 88.5394C131.025 88.515 130.972 88.5021 130.918 88.5016ZM126.414 92.4166L124.52 92.2841L125.292 89.5181L127.186 89.6506L126.414 92.4166Z" fill="#0068A0"/> <rect x="138.037" y="88.8115" width="29" height="7" rx="1" transform="rotate(4 138.037 88.8115)" fill="#86D0F9"/> <g filter="url(#hashtagiconfilter1_ddd)"> <rect x="119.327" y="12.3203" width="80" height="91" rx="2" transform="rotate(4 119.327 12.3203)" fill="white"/> </g> <g clip-path="url(#hashtagiconclip2)"> <rect x="119.327" y="12.3203" width="80" height="80" transform="rotate(4 119.327 12.3203)" fill="#0096CC"/> <circle cx="126.556" cy="44.5" r="46.5" fill="#0068A0"/> </g> <path d="M130.918 88.5016L128.971 88.3655L129.441 86.6958C129.453 86.6464 129.454 86.5951 129.444 86.5452C129.435 86.4954 129.414 86.4482 129.385 86.4069C129.355 86.3657 129.317 86.3313 129.273 86.3062C129.229 86.2811 129.18 86.2659 129.129 86.2616L128.427 86.2125C128.347 86.2049 128.265 86.2255 128.198 86.2709C128.131 86.3163 128.081 86.3837 128.058 86.4616L127.572 88.2676L125.678 88.1352L126.147 86.4654C126.159 86.4172 126.16 86.3671 126.151 86.3182C126.142 86.2694 126.123 86.223 126.095 86.182C126.067 86.1411 126.031 86.1066 125.988 86.0808C125.946 86.055 125.899 86.0384 125.849 86.0322L125.148 85.9832C125.067 85.9755 124.986 85.9962 124.918 86.0416C124.851 86.087 124.801 86.1544 124.778 86.2322L124.299 88.0388L122.194 87.8916C122.112 87.8842 122.03 87.9058 121.963 87.9526C121.895 87.9994 121.846 88.0684 121.824 88.1477L121.631 88.8392C121.617 88.89 121.614 88.9433 121.624 88.9953C121.633 89.0472 121.654 89.0964 121.685 89.1391C121.716 89.1819 121.756 89.2172 121.802 89.2424C121.848 89.2676 121.9 89.282 121.952 89.2846L123.899 89.4208L123.128 92.1867L121.023 92.0396C120.941 92.0322 120.859 92.0537 120.791 92.1005C120.724 92.1473 120.675 92.2164 120.653 92.2957L120.46 92.9871C120.446 93.038 120.443 93.0913 120.452 93.1432C120.462 93.1952 120.483 93.2443 120.513 93.2871C120.544 93.3299 120.584 93.3652 120.631 93.3904C120.677 93.4156 120.728 93.43 120.781 93.4326L122.742 93.5697L122.273 95.2394C122.26 95.2896 122.259 95.3419 122.269 95.3926C122.28 95.4432 122.301 95.491 122.332 95.5325C122.362 95.5741 122.402 95.6083 122.447 95.6328C122.493 95.6573 122.543 95.6715 122.595 95.6744L123.296 95.7234C123.375 95.7269 123.452 95.7041 123.516 95.6588C123.579 95.6135 123.626 95.5481 123.649 95.4731L124.142 93.6676L126.036 93.8L125.566 95.4698C125.555 95.5179 125.553 95.5681 125.562 95.617C125.571 95.6658 125.59 95.7122 125.618 95.7531C125.646 95.7941 125.683 95.8286 125.725 95.8544C125.767 95.8802 125.815 95.8968 125.864 95.903L126.566 95.952C126.647 95.9597 126.728 95.939 126.795 95.8936C126.862 95.8482 126.912 95.7808 126.935 95.703L127.432 93.8977L129.536 94.0448C129.618 94.0522 129.7 94.0306 129.768 93.9839C129.836 93.9371 129.885 93.868 129.907 93.7887L130.096 93.097C130.11 93.0462 130.113 92.9928 130.104 92.9409C130.094 92.889 130.073 92.8398 130.043 92.797C130.012 92.7542 129.972 92.719 129.925 92.6938C129.879 92.6686 129.828 92.6542 129.775 92.6515L127.818 92.5147L128.586 89.7485L130.69 89.8956C130.772 89.903 130.854 89.8814 130.922 89.8347C130.989 89.7879 131.039 89.7188 131.061 89.6395L131.253 88.948C131.268 88.8961 131.27 88.8414 131.26 88.7883C131.25 88.7353 131.228 88.6852 131.196 88.642C131.164 88.5989 131.122 88.5637 131.073 88.5394C131.025 88.515 130.972 88.5021 130.918 88.5016ZM126.414 92.4166L124.52 92.2841L125.292 89.5181L127.186 89.6506L126.414 92.4166Z" fill="#0068A0"/> <rect x="138.037" y="88.8115" width="29" height="7" rx="1" transform="rotate(4 138.037 88.8115)" fill="#86D0F9"/> <g filter="url(#hashtagiconfilter2_ddd)"> <rect x="65.0557" y="21" width="80" height="91" rx="2" fill="white"/> </g> <g clip-path="url(#hashtagiconclip3)"> <rect x="65.0557" y="21" width="80" height="80" fill="#F6966B"/> <path d="M80.8025 49.333L144.136 112.666H28.3887L80.8025 49.333Z" fill="#F9BBA0"/> </g> <path d="M81.9327 96.187H79.9812L80.3328 94.4887C80.3414 94.4386 80.3391 94.3873 80.3261 94.3382C80.313 94.2892 80.2894 94.2435 80.257 94.2044C80.2246 94.1653 80.1841 94.1337 80.1383 94.1118C80.0925 94.0898 80.0425 94.078 79.9917 94.0773H79.2885C79.2072 94.0753 79.1277 94.1015 79.0636 94.1515C78.9995 94.2015 78.9547 94.2722 78.9368 94.3515L78.5782 96.187H76.6794L77.031 94.4887C77.0395 94.4398 77.0376 94.3896 77.0253 94.3415C77.013 94.2934 76.9907 94.2484 76.9598 94.2095C76.9289 94.1707 76.8902 94.1388 76.8461 94.116C76.802 94.0932 76.7535 94.08 76.704 94.0773H76.0007C75.9194 94.0753 75.84 94.1015 75.7759 94.1515C75.7117 94.2015 75.6669 94.2722 75.6491 94.3515L75.2974 96.187H73.1877C73.1054 96.1854 73.0252 96.2126 72.9609 96.264C72.8967 96.3154 72.8525 96.3877 72.836 96.4683L72.6919 97.1716C72.6813 97.2233 72.6825 97.2767 72.6954 97.3278C72.7083 97.379 72.7325 97.4266 72.7662 97.4671C72.8 97.5076 72.8425 97.54 72.8905 97.5619C72.9385 97.5838 72.9908 97.5946 73.0435 97.5936H74.995L74.4184 100.407H72.3086C72.2263 100.405 72.1461 100.432 72.0818 100.484C72.0176 100.535 71.9734 100.607 71.957 100.688L71.8128 101.391C71.8022 101.443 71.8034 101.496 71.8163 101.547C71.8292 101.599 71.8534 101.646 71.8872 101.687C71.9209 101.727 71.9634 101.76 72.0114 101.782C72.0594 101.803 72.1117 101.814 72.1644 101.813H74.13L73.7784 103.512C73.7696 103.562 73.7722 103.615 73.7858 103.664C73.7995 103.714 73.824 103.761 73.8576 103.8C73.8912 103.839 73.933 103.87 73.9801 103.892C74.0272 103.913 74.0784 103.924 74.13 103.923H74.8333C74.9116 103.921 74.9869 103.893 75.0474 103.843C75.1079 103.793 75.1501 103.725 75.1673 103.649L75.533 101.813H77.4318L77.0802 103.512C77.0717 103.56 77.0736 103.611 77.0859 103.659C77.0982 103.707 77.1205 103.752 77.1514 103.791C77.1823 103.829 77.221 103.861 77.2651 103.884C77.3092 103.907 77.3577 103.92 77.4072 103.923H78.1105C78.1918 103.925 78.2712 103.899 78.3354 103.849C78.3995 103.799 78.4443 103.728 78.4621 103.649L78.8313 101.813H80.9411C81.0234 101.815 81.1036 101.788 81.1679 101.736C81.2321 101.685 81.2763 101.612 81.2928 101.532L81.4334 100.829C81.444 100.777 81.4428 100.723 81.4299 100.672C81.417 100.621 81.3928 100.574 81.359 100.533C81.3253 100.493 81.2828 100.46 81.2348 100.438C81.1868 100.416 81.1345 100.406 81.0818 100.407H79.1197L79.6928 97.5936H81.8026C81.8849 97.5952 81.9651 97.568 82.0294 97.5166C82.0936 97.4652 82.1378 97.3929 82.1543 97.3123L82.2984 96.609C82.3093 96.5561 82.3079 96.5014 82.2942 96.4492C82.2806 96.3969 82.2551 96.3485 82.2197 96.3077C82.1844 96.2669 82.1401 96.2348 82.0903 96.2139C82.0405 96.193 81.9866 96.1838 81.9327 96.187ZM77.7132 100.407H75.8143L76.391 97.5936H78.2898L77.7132 100.407Z" fill="#FE544F"/> <rect x="89.0557" y="96" width="29" height="7" rx="1" fill="#FCE1D5"/> <g filter="url(#hashtagiconfilter3_ddd)"> <rect x="65.0557" y="21" width="80" height="91" rx="2" fill="white"/> </g> <g clip-path="url(#hashtagiconclip4)"> <rect x="65.0557" y="21" width="80" height="80" fill="#F6966B"/> <path d="M80.8025 49.333L144.136 112.666H28.3887L80.8025 49.333Z" fill="#F9BBA0"/> </g> <path d="M81.9327 96.187H79.9812L80.3328 94.4887C80.3414 94.4386 80.3391 94.3873 80.3261 94.3382C80.313 94.2892 80.2894 94.2435 80.257 94.2044C80.2246 94.1653 80.1841 94.1337 80.1383 94.1118C80.0925 94.0898 80.0425 94.078 79.9917 94.0773H79.2885C79.2072 94.0753 79.1277 94.1015 79.0636 94.1515C78.9995 94.2015 78.9547 94.2722 78.9368 94.3515L78.5782 96.187H76.6794L77.031 94.4887C77.0395 94.4398 77.0376 94.3896 77.0253 94.3415C77.013 94.2934 76.9907 94.2484 76.9598 94.2095C76.9289 94.1707 76.8902 94.1388 76.8461 94.116C76.802 94.0932 76.7535 94.08 76.704 94.0773H76.0007C75.9194 94.0753 75.84 94.1015 75.7759 94.1515C75.7117 94.2015 75.6669 94.2722 75.6491 94.3515L75.2974 96.187H73.1877C73.1054 96.1854 73.0252 96.2126 72.9609 96.264C72.8967 96.3154 72.8525 96.3877 72.836 96.4683L72.6919 97.1716C72.6813 97.2233 72.6825 97.2767 72.6954 97.3278C72.7083 97.379 72.7325 97.4266 72.7662 97.4671C72.8 97.5076 72.8425 97.54 72.8905 97.5619C72.9385 97.5838 72.9908 97.5946 73.0435 97.5936H74.995L74.4184 100.407H72.3086C72.2263 100.405 72.1461 100.432 72.0818 100.484C72.0176 100.535 71.9734 100.607 71.957 100.688L71.8128 101.391C71.8022 101.443 71.8034 101.496 71.8163 101.547C71.8292 101.599 71.8534 101.646 71.8872 101.687C71.9209 101.727 71.9634 101.76 72.0114 101.782C72.0594 101.803 72.1117 101.814 72.1644 101.813H74.13L73.7784 103.512C73.7696 103.562 73.7722 103.615 73.7858 103.664C73.7995 103.714 73.824 103.761 73.8576 103.8C73.8912 103.839 73.933 103.87 73.9801 103.892C74.0272 103.913 74.0784 103.924 74.13 103.923H74.8333C74.9116 103.921 74.9869 103.893 75.0474 103.843C75.1079 103.793 75.1501 103.725 75.1673 103.649L75.533 101.813H77.4318L77.0802 103.512C77.0717 103.56 77.0736 103.611 77.0859 103.659C77.0982 103.707 77.1205 103.752 77.1514 103.791C77.1823 103.829 77.221 103.861 77.2651 103.884C77.3092 103.907 77.3577 103.92 77.4072 103.923H78.1105C78.1918 103.925 78.2712 103.899 78.3354 103.849C78.3995 103.799 78.4443 103.728 78.4621 103.649L78.8313 101.813H80.9411C81.0234 101.815 81.1036 101.788 81.1679 101.736C81.2321 101.685 81.2763 101.612 81.2928 101.532L81.4334 100.829C81.444 100.777 81.4428 100.723 81.4299 100.672C81.417 100.621 81.3928 100.574 81.359 100.533C81.3253 100.493 81.2828 100.46 81.2348 100.438C81.1868 100.416 81.1345 100.406 81.0818 100.407H79.1197L79.6928 97.5936H81.8026C81.8849 97.5952 81.9651 97.568 82.0294 97.5166C82.0936 97.4652 82.1378 97.3929 82.1543 97.3123L82.2984 96.609C82.3093 96.5561 82.3079 96.5014 82.2942 96.4492C82.2806 96.3969 82.2551 96.3485 82.2197 96.3077C82.1844 96.2669 82.1401 96.2348 82.0903 96.2139C82.0405 96.193 81.9866 96.1838 81.9327 96.187ZM77.7132 100.407H75.8143L76.391 97.5936H78.2898L77.7132 100.407Z" fill="#FE544F"/> <rect x="89.0557" y="96" width="29" height="7" rx="1" fill="#FCE1D5"/> </g> <defs> <filter id="hashtagiconfilter0_ddd" x="100.114" y="5.45508" width="111.884" height="122.09" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="hashtagiconfilter1_ddd" x="100.114" y="5.45508" width="111.884" height="122.09" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="hashtagiconfilter2_ddd" x="52.0557" y="14" width="106" height="117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="hashtagiconfilter3_ddd" x="52.0557" y="14" width="106" height="117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <clipPath id="hashtagiconclip0"> <rect width="259.056" height="126" fill="white" transform="translate(0.0556641)"/> </clipPath> <clipPath id="hashtagiconclip1"> <path d="M119.211 13.9829C119.275 13.0647 120.072 12.3724 120.99 12.4366L197.47 17.7846C198.388 17.8488 199.08 18.6452 199.016 19.5634L194.528 83.7401L114.723 78.1595L119.211 13.9829Z" fill="white"/> </clipPath> <clipPath id="hashtagiconclip2"> <path d="M119.211 13.9829C119.275 13.0647 120.072 12.3724 120.99 12.4366L197.47 17.7846C198.388 17.8488 199.08 18.6452 199.016 19.5634L194.528 83.7401L114.723 78.1595L119.211 13.9829Z" fill="white"/> </clipPath> <clipPath id="hashtagiconclip3"> <path d="M65.0557 22.6667C65.0557 21.7462 65.8019 21 66.7223 21H143.389C144.309 21 145.056 21.7462 145.056 22.6667V87H65.0557V22.6667Z" fill="white"/> </clipPath> <clipPath id="hashtagiconclip4"> <path d="M65.0557 22.6667C65.0557 21.7462 65.8019 21 66.7223 21H143.389C144.309 21 145.056 21.7462 145.056 22.6667V87H65.0557V22.6667Z" fill="white"/> </clipPath> </defs> </svg>',
1077
- 'taggedpostsIcon' => '<svg width="260" height="126" viewBox="0 0 260 126" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#taggedpostclip0)"> <g filter="url(#taggedpostfilter0_ddd)"> <g clip-path="url(#taggedpostclip1)"> <rect x="104.316" y="29.0303" width="83.0697" height="84.1212" rx="2.10303" transform="rotate(2 104.316 29.0303)" fill="white"/> <g clip-path="url(#taggedpostclip2)"> <path d="M104.063 23.0957L188.133 26.0315L185.418 103.796L101.348 100.86L104.063 23.0957Z" fill="#59AB46"/> <path d="M119.756 48.194L183.987 117.073L62.3516 112.826L119.756 48.194Z" fill="#76C064"/> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M113.109 94.8001C114.187 94.6246 115.292 94.7726 116.286 95.2254C117.279 95.6782 118.116 96.4154 118.691 97.3439C119.265 98.2723 119.552 99.3503 119.513 100.441L119.485 101.259C119.467 101.783 119.241 102.278 118.858 102.635C118.474 102.993 117.964 103.183 117.441 103.165C116.917 103.147 116.422 102.921 116.064 102.538C115.997 102.466 115.937 102.391 115.882 102.311C115.342 102.804 114.63 103.067 113.899 103.041C113.158 103.016 112.458 102.697 111.953 102.155C111.447 101.613 111.178 100.892 111.204 100.151C111.23 99.4107 111.549 98.7106 112.091 98.2052C112.633 97.6998 113.353 97.4304 114.094 97.4562C114.834 97.4821 115.535 97.8011 116.04 98.3431C116.545 98.8851 116.815 99.6057 116.789 100.346L116.76 101.164C116.753 101.362 116.826 101.556 116.961 101.701C117.097 101.847 117.285 101.932 117.483 101.939C117.682 101.946 117.875 101.874 118.021 101.738C118.166 101.603 118.252 101.415 118.259 101.216L118.287 100.399C118.317 99.55 118.094 98.7115 117.647 97.9894C117.201 97.2673 116.55 96.6939 115.777 96.3417C115.004 95.9896 114.144 95.8745 113.306 96.011C112.468 96.1475 111.689 96.5295 111.068 97.1086C110.447 97.6878 110.012 98.4381 109.817 99.2647C109.622 100.091 109.677 100.957 109.975 101.752C110.272 102.548 110.799 103.237 111.488 103.733C112.177 104.23 112.998 104.51 113.846 104.54L113.847 104.54C114.6 104.567 115.347 104.395 116.011 104.04C116.31 103.881 116.682 103.994 116.841 104.293C117.001 104.591 116.888 104.963 116.589 105.123C115.733 105.579 114.772 105.801 113.803 105.766L113.825 105.153L113.804 105.766C113.803 105.766 113.803 105.766 113.803 105.766C112.712 105.728 111.657 105.367 110.771 104.729C109.885 104.091 109.208 103.205 108.825 102.182C108.443 101.159 108.373 100.046 108.623 98.9835C108.873 97.9208 109.433 96.956 110.231 96.2114C111.03 95.4668 112.031 94.9757 113.109 94.8001ZM115.563 100.304C115.577 99.888 115.426 99.4838 115.143 99.1798C114.859 98.8757 114.466 98.6967 114.051 98.6822C113.636 98.6677 113.231 98.8189 112.927 99.1024C112.623 99.3859 112.444 99.7786 112.43 100.194C112.415 100.61 112.566 101.014 112.85 101.318C113.133 101.622 113.526 101.801 113.942 101.815C114.357 101.83 114.761 101.679 115.065 101.395C115.369 101.112 115.548 100.719 115.563 100.304Z" fill="#59AB46"/> <rect x="126.717" y="97.5381" width="30.4939" height="7.3606" rx="1.05151" transform="rotate(2 126.717 97.5381)" fill="#B6DDAD"/> </g> </g> <g filter="url(#taggedpostfilter1_ddd)"> <g clip-path="url(#taggedpostclip3)"> <rect x="70.8867" y="10.8984" width="83.0697" height="84.1212" rx="2.10303" transform="rotate(-2 70.8867 10.8984)" fill="white"/> <g clip-path="url(#taggedpostclip4)"> <path d="M70.2217 4.99609L154.292 2.06031L157.007 79.825L72.9373 82.7608L70.2217 4.99609Z" fill="#43A6DB"/> <circle cx="169.299" cy="72.169" r="48.8954" transform="rotate(-2 169.299 72.169)" fill="#0068A0"/> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M84.2452 75.8962C85.308 75.646 86.4211 75.7165 87.4438 76.0989C88.4665 76.4813 89.3529 77.1583 89.9908 78.0444C90.6287 78.9305 90.9895 79.9859 91.0276 81.0771L91.0562 81.8944C91.0745 82.4183 90.8839 82.928 90.5264 83.3114C90.1689 83.6947 89.6738 83.9204 89.1499 83.9387C88.626 83.957 88.1163 83.7664 87.733 83.4089C87.6615 83.3423 87.5956 83.2709 87.5354 83.1954C87.0315 83.7253 86.3396 84.0368 85.6081 84.0623C84.8674 84.0882 84.1468 83.8188 83.6048 83.3134C83.0628 82.8079 82.7438 82.1079 82.7179 81.3673C82.6921 80.6266 82.9615 79.906 83.4669 79.364C83.9723 78.822 84.6724 78.503 85.413 78.4771C86.1537 78.4513 86.8742 78.7207 87.4162 79.2261C87.9583 79.7315 88.2773 80.4316 88.3031 81.1722L88.3317 81.9896C88.3386 82.1883 88.4242 82.3761 88.5696 82.5117C88.715 82.6473 88.9084 82.7196 89.1071 82.7126C89.3058 82.7057 89.4936 82.6201 89.6292 82.4747C89.7648 82.3293 89.8371 82.136 89.8301 81.9372L89.8016 81.1199C89.772 80.2712 89.4913 79.4504 88.9952 78.7612C88.499 78.072 87.8096 77.5454 87.0142 77.248C86.2188 76.9506 85.353 76.8957 84.5264 77.0904C83.6998 77.285 82.9495 77.7204 82.3703 78.3415C81.7912 78.9625 81.4092 79.7414 81.2727 80.5796C81.1362 81.4177 81.2513 82.2776 81.6034 83.0503C81.9556 83.8231 82.529 84.474 83.2511 84.9209C83.9733 85.3678 84.8117 85.5905 85.6604 85.5608L85.661 85.5608C86.4142 85.5352 87.147 85.3114 87.7851 84.9114C88.0721 84.7314 88.4506 84.8182 88.6306 85.1052C88.8105 85.3922 88.7237 85.7708 88.4367 85.9507C87.6149 86.466 86.6715 86.754 85.7026 86.7869L85.6818 86.1738L85.7032 86.7868C85.703 86.7868 85.7028 86.7869 85.7026 86.7869C84.6116 86.8248 83.5339 86.5385 82.6056 85.9641C81.6771 85.3895 80.9399 84.5526 80.4871 83.559C80.0344 82.5655 79.8864 81.46 80.0619 80.3824C80.2374 79.3047 80.7285 78.3033 81.4731 77.5048C82.2178 76.7063 83.1825 76.1465 84.2452 75.8962ZM87.0771 81.215C87.0626 80.7996 86.8836 80.4069 86.5796 80.1233C86.2755 79.8398 85.8713 79.6887 85.4558 79.7032C85.0403 79.7177 84.6476 79.8966 84.3641 80.2007C84.0806 80.5047 83.9294 80.909 83.944 81.3245C83.9585 81.7399 84.1374 82.1326 84.4415 82.4162C84.7455 82.6997 85.1498 82.8508 85.5652 82.8363C85.9807 82.8218 86.3734 82.6429 86.657 82.3388C86.9405 82.0348 87.0916 81.6305 87.0771 81.215Z" fill="#0068A0"/> <rect x="98.0117" y="77.6768" width="30.4939" height="7.3606" rx="1.05151" transform="rotate(-2 98.0117 77.6768)" fill="#86D0F9"/> </g> </g> </g> <defs> <filter id="taggedpostfilter0_ddd" x="87.7112" y="21.6697" width="113.294" height="114.308" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="taggedpostfilter1_ddd" x="57.217" y="0.638418" width="113.294" height="114.308" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <clipPath id="taggedpostclip0"> <rect width="259.056" height="126" fill="white" transform="translate(0.111328)"/> </clipPath> <clipPath id="taggedpostclip1"> <rect x="104.316" y="29.0303" width="83.0697" height="84.1212" rx="2.10303" transform="rotate(2 104.316 29.0303)" fill="white"/> </clipPath> <clipPath id="taggedpostclip2"> <path d="M104.187 19.5933C104.221 18.626 105.032 17.8692 106 17.903L186.567 20.7164C187.534 20.7502 188.291 21.5617 188.257 22.529L185.896 90.1353L101.826 87.1995L104.187 19.5933Z" fill="white"/> </clipPath> <clipPath id="taggedpostclip3"> <rect x="70.8867" y="10.8984" width="83.0697" height="84.1212" rx="2.10303" transform="rotate(-2 70.8867 10.8984)" fill="white"/> </clipPath> <clipPath id="taggedpostclip4"> <path d="M70.0983 1.49365C70.0645 0.526345 70.8213 -0.285196 71.7886 -0.318975L152.356 -3.13244C153.323 -3.16622 154.134 -2.40945 154.168 -1.44214L156.529 66.1641L72.4591 69.0999L70.0983 1.49365Z" fill="white"/> </clipPath> </defs> </svg>',
1078
- 'socialwall1Icon' => '<svg width="260" height="126" viewBox="0 0 260 126" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#social1filter0_ddd)"> <rect x="44.416" y="44.9111" width="42" height="42" rx="2.10303" transform="rotate(-5 44.416 44.9111)" fill="white"/> <path d="M66.2979 54.0796C60.8188 54.559 56.7273 59.4241 57.2092 64.933C57.645 69.914 61.6528 73.7292 66.48 74.0598L65.8699 67.0864L63.3395 67.3078L63.0868 64.4188L65.6171 64.1974L65.4245 61.9959C65.2057 59.4954 66.5698 57.9908 68.8511 57.7912C69.9369 57.6962 71.0892 57.7861 71.0892 57.7861L71.3044 60.2467L70.0492 60.3565C68.8139 60.4646 68.4925 61.2657 68.5614 62.0527L68.7252 63.9255L71.4947 63.6832L71.2991 66.6114L68.978 66.8145L69.5881 73.7878C71.9031 73.2117 73.9359 71.827 75.3195 69.8835C76.7031 67.9401 77.3464 65.566 77.1331 63.1899C76.6512 57.681 71.777 53.6003 66.2979 54.0796Z" fill="#006BFA"/> </g> <g filter="url(#social1filter1_ddd)"> <rect x="83.0967" y="39.1279" width="42" height="42" rx="2.10303" transform="rotate(-3 83.0967 39.1279)" fill="white"/> <path d="M104.886 53.6171C101.89 53.7741 99.6299 56.3334 99.7844 59.2824C99.9414 62.2783 102.454 64.5406 105.45 64.3836C108.399 64.229 110.708 61.7141 110.551 58.7182C110.396 55.7691 107.835 53.4625 104.886 53.6171ZM105.352 62.5111C103.432 62.6117 101.76 61.1504 101.657 59.1843C101.556 57.2651 103.02 55.6394 104.986 55.5363C106.905 55.4357 108.531 56.8995 108.632 58.8188C108.735 60.7848 107.271 62.4105 105.352 62.5111ZM111.71 53.0717C111.673 52.3695 111.082 51.8372 110.38 51.874C109.678 51.9108 109.146 52.502 109.182 53.2041C109.219 53.9063 109.81 54.4386 110.512 54.4018C111.215 54.365 111.747 53.7738 111.71 53.0717ZM115.334 54.1491C115.152 52.4688 114.699 50.9905 113.418 49.8372C112.137 48.6839 110.62 48.3879 108.93 48.3826C107.193 48.3798 101.997 48.6521 100.27 48.8365C98.5894 49.0184 97.1579 49.469 95.9578 50.7523C94.8045 52.0331 94.5085 53.5507 94.5032 55.2408C94.5003 56.9777 94.7726 62.1737 94.957 63.9008C95.139 65.5811 95.5895 67.0126 96.8728 68.2127C98.2005 69.3635 99.6712 69.662 101.361 69.6673C103.098 69.6701 108.294 69.3978 110.021 69.2134C111.702 69.0315 113.18 68.5785 114.333 67.2976C115.484 65.97 115.783 64.4992 115.788 62.8091C115.791 61.0722 115.518 55.8762 115.334 54.1491ZM113.637 64.7525C113.358 65.7059 112.646 66.4473 111.776 66.8684C110.401 67.5037 107.117 67.535 105.619 67.6135C104.074 67.6945 100.805 68.0066 99.418 67.516C98.4621 67.1906 97.7232 66.5252 97.2996 65.6087C96.6667 64.2806 96.6354 60.9965 96.5545 59.4517C96.476 57.9538 96.1638 54.6844 96.652 53.2506C96.9798 52.3416 97.6452 51.6026 98.5618 51.1791C99.8899 50.5462 103.174 50.5149 104.719 50.4339C106.217 50.3554 109.486 50.0433 110.92 50.5314C111.826 50.8125 112.568 51.5247 112.989 52.3944C113.624 53.7693 113.656 57.0534 113.734 58.5514C113.815 60.0961 114.127 63.3655 113.637 64.7525Z" fill="url(#social1paint0_linear)"/> </g> <g filter="url(#social1filter2_ddd)"> <rect x="122.913" y="35.2803" width="42" height="42" rx="2.10303" transform="rotate(2 122.913 35.2803)" fill="white"/> <path d="M153.831 51.3695C153.049 51.6924 152.211 51.8933 151.348 51.9732C152.246 51.4743 152.955 50.6585 153.31 49.6603C152.463 50.131 151.531 50.4487 150.555 50.6147C149.795 49.7277 148.704 49.1892 147.444 49.1453C145.096 49.0633 143.11 50.9151 143.027 53.2836C143.015 53.6234 143.044 53.9546 143.103 54.2669C139.551 53.9627 136.443 52.1432 134.425 49.4811C134.033 50.0978 133.797 50.83 133.77 51.6095C133.718 53.0986 134.421 54.444 135.555 55.234C134.845 55.2093 134.192 54.9863 133.623 54.6663L133.622 54.6963C133.55 56.775 134.968 58.5656 136.913 59.0238C136.278 59.1739 135.617 59.1748 134.982 59.0264C135.224 59.8878 135.729 60.6518 136.428 61.2111C137.126 61.7703 137.982 62.0966 138.875 62.1441C137.318 63.2909 135.417 63.8738 133.485 63.797C133.145 63.7851 132.806 63.7533 132.467 63.7014C134.323 64.987 136.557 65.7755 138.976 65.8599C146.851 66.1349 151.407 59.75 151.605 54.0835C151.611 53.8936 151.617 53.7137 151.614 53.5235C152.475 52.9531 153.221 52.2187 153.831 51.3695Z" fill="#1B90EF"/> </g> <g filter="url(#social1filter3_ddd)"> <rect x="161.295" y="39.9297" width="42" height="42" rx="2.10303" transform="rotate(3 161.295 39.9297)" fill="white"/> <path d="M179.013 64.8913L184.352 62.167L179.327 58.8995L179.013 64.8913ZM190.966 57.677C191.072 58.1532 191.129 58.7871 191.147 59.5891C191.175 60.3917 191.169 61.0823 191.137 61.6815L191.153 62.5235C191.038 64.7105 190.794 66.3099 190.461 67.3238C190.164 68.2095 189.555 68.7583 188.643 68.9609C188.167 69.0661 187.303 69.111 185.982 69.1018C184.68 69.1037 183.49 69.0714 182.391 69.0138L180.8 68.9905C176.616 68.7712 174.018 68.4748 173.004 68.1413C172.119 67.8446 171.57 67.235 171.367 66.3231C171.262 65.847 171.205 65.2131 171.187 64.4111C171.159 63.6085 171.165 62.9179 171.196 62.3187L171.181 61.4767C171.295 59.2897 171.539 57.6903 171.873 56.6764C172.169 55.7907 172.779 55.2418 173.691 55.0393C174.167 54.9341 175.031 54.8892 176.352 54.8984C177.654 54.8965 178.844 54.9288 179.942 54.9864L181.533 55.0097C185.717 55.229 188.315 55.5254 189.329 55.8589C190.215 56.1556 190.764 56.7652 190.966 57.677Z" fill="#EB2121"/> </g> <defs> <filter id="social1filter0_ddd" x="30.7463" y="33.8904" width="72.8401" height="72.8401" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="social1filter1_ddd" x="69.427" y="29.5691" width="71.4799" height="71.4799" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="social1filter2_ddd" x="107.778" y="27.9197" width="70.7796" height="70.7796" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="social1filter3_ddd" x="145.427" y="32.5691" width="71.4799" height="71.4799" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <linearGradient id="social1paint0_linear" x1="103.683" y1="88.8048" x2="145.491" y2="41.4018" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="0.147864" stop-color="#F6640E"/> <stop offset="0.443974" stop-color="#BA03A7"/> <stop offset="0.733337" stop-color="#6A01B9"/> <stop offset="1" stop-color="#6B01B9"/> </linearGradient> </defs> </svg>',
1079
  'publichashtagIconFree' => '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_free506_22296)"><g filter="url(#filter0free_d_506_22296)"><rect x="3" y="3" width="26.1602" height="26.1602" rx="2" fill="#EC352F"/></g><path d="M21.5738 12.7852H19.3434L19.7453 10.8442C19.7552 10.787 19.7525 10.7284 19.7376 10.6723C19.7226 10.6162 19.6957 10.564 19.6587 10.5194C19.6216 10.4747 19.5753 10.4386 19.523 10.4135C19.4707 10.3884 19.4135 10.3749 19.3555 10.374H18.5518C18.4589 10.3718 18.3681 10.4018 18.2948 10.4589C18.2215 10.5161 18.1703 10.5968 18.1499 10.6875L17.74 12.7852H15.5699L15.9718 10.8442C15.9815 10.7883 15.9793 10.731 15.9653 10.676C15.9513 10.621 15.9258 10.5696 15.8905 10.5252C15.8552 10.4808 15.8109 10.4444 15.7605 10.4183C15.7101 10.3923 15.6547 10.3772 15.5981 10.374H14.7943C14.7014 10.3718 14.6106 10.4018 14.5374 10.4589C14.4641 10.5161 14.4129 10.5968 14.3925 10.6875L13.9906 12.7852H11.5794C11.4854 12.7833 11.3937 12.8145 11.3203 12.8732C11.2469 12.9319 11.1963 13.0146 11.1776 13.1067L11.0128 13.9104C11.0007 13.9695 11.0021 14.0305 11.0168 14.089C11.0315 14.1474 11.0592 14.2018 11.0978 14.2482C11.1364 14.2945 11.1849 14.3315 11.2398 14.3565C11.2946 14.3815 11.3544 14.3939 11.4147 14.3927H13.645L12.9859 17.6076H10.5748C10.4807 17.6057 10.389 17.6368 10.3156 17.6956C10.2422 17.7543 10.1917 17.8369 10.1729 17.9291L10.0081 18.7328C9.99607 18.7919 9.99744 18.8529 10.0122 18.9114C10.0269 18.9698 10.0546 19.0242 10.0931 19.0705C10.1317 19.1168 10.1803 19.1539 10.2351 19.1789C10.29 19.2039 10.3497 19.2163 10.41 19.215H12.6564L12.2546 21.156C12.2445 21.2142 12.2474 21.2739 12.2631 21.3309C12.2787 21.3878 12.3067 21.4406 12.3451 21.4855C12.3834 21.5304 12.4312 21.5663 12.485 21.5906C12.5389 21.6149 12.5974 21.6271 12.6564 21.6262H13.4601C13.5496 21.6239 13.6357 21.5919 13.7049 21.5351C13.774 21.4783 13.8223 21.4001 13.8419 21.3128L14.2599 19.215H16.4299L16.0281 21.156C16.0183 21.2119 16.0205 21.2693 16.0346 21.3242C16.0486 21.3792 16.0741 21.4306 16.1094 21.475C16.1447 21.5194 16.189 21.5559 16.2394 21.5819C16.2898 21.608 16.3451 21.6231 16.4018 21.6262H17.2055C17.2984 21.6285 17.3892 21.5985 17.4625 21.5414C17.5358 21.4842 17.587 21.4034 17.6074 21.3128L18.0293 19.215H20.4405C20.5345 19.2169 20.6262 19.1858 20.6997 19.1271C20.7731 19.0683 20.8236 18.9857 20.8424 18.8935L21.0031 18.0898C21.0152 18.0308 21.0138 17.9697 20.9991 17.9113C20.9844 17.8528 20.9567 17.7984 20.9181 17.7521C20.8795 17.7058 20.831 17.6688 20.7762 17.6437C20.7213 17.6187 20.6615 17.6064 20.6013 17.6076H18.3589L19.0139 14.3927H21.4251C21.5191 14.3946 21.6108 14.3634 21.6842 14.3047C21.7577 14.2459 21.8082 14.1633 21.827 14.0712L21.9917 13.2675C22.0042 13.207 22.0025 13.1445 21.987 13.0848C21.9714 13.0251 21.9422 12.9698 21.9018 12.9231C21.8614 12.8765 21.8108 12.8398 21.7539 12.8159C21.697 12.792 21.6354 12.7815 21.5738 12.7852ZM16.7514 17.6076H14.5813L15.2404 14.3927H17.4105L16.7514 17.6076Z" fill="white"/></g><defs><filter id="filter0free_d_506_22296" x="-3" y="0" width="38.1602" height="38.1602" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="3"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22296"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_506_22296" result="shape"/></filter><clipPath id="clip0_free506_22296"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>',
1080
- 'taggedpostsIconFree' => '<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0tagged_506_22299)"><g filter="url(#filter0_taggedd_506_22299)"><rect x="3.33398" y="3" width="26.1602" height="26.1602" rx="2" fill="#0096CC"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M15.0171 9.37969C16.3265 9.11924 17.6837 9.25292 18.9171 9.76381C20.1505 10.2747 21.2047 11.1399 21.9464 12.2499C22.6881 13.3599 23.084 14.665 23.084 16V17C23.084 17.6409 22.8294 18.2556 22.3762 18.7088C21.923 19.1621 21.3083 19.4167 20.6673 19.4167C20.0264 19.4167 19.4117 19.1621 18.9585 18.7088C18.874 18.6244 18.7965 18.5343 18.7261 18.4395C18.0878 19.0655 17.229 19.4167 16.334 19.4167C15.4278 19.4167 14.5588 19.0567 13.918 18.4159C13.2773 17.7752 12.9173 16.9062 12.9173 16C12.9173 15.0938 13.2773 14.2248 13.918 13.584C14.5588 12.9433 15.4278 12.5833 16.334 12.5833C17.2401 12.5833 18.1092 12.9433 18.7499 13.584C19.3907 14.2248 19.7507 15.0938 19.7507 16V17C19.7507 17.2431 19.8472 17.4763 20.0191 17.6482C20.191 17.8201 20.4242 17.9167 20.6673 17.9167C20.9104 17.9167 21.1436 17.8201 21.3155 17.6482C21.4874 17.4763 21.584 17.2431 21.584 17V16C21.584 14.9616 21.2761 13.9466 20.6992 13.0833C20.1223 12.2199 19.3024 11.547 18.3431 11.1496C17.3838 10.7523 16.3282 10.6483 15.3098 10.8509C14.2914 11.0534 13.3559 11.5535 12.6217 12.2877C11.8875 13.0219 11.3874 13.9574 11.1849 14.9758C10.9823 15.9942 11.0863 17.0498 11.4836 18.0091C11.881 18.9684 12.5539 19.7883 13.4172 20.3652C14.2806 20.9421 15.2956 21.25 16.334 21.25L16.3347 21.25C17.2562 21.2509 18.1612 21.0087 18.958 20.547C19.3164 20.3394 19.7753 20.4616 19.9829 20.82C20.1906 21.1784 20.0684 21.6373 19.71 21.845C18.6837 22.4395 17.5187 22.7512 16.3332 22.75L16.334 22V22.75C16.3337 22.75 16.3335 22.75 16.3332 22.75C14.9985 22.7498 13.6937 22.354 12.5839 21.6124C11.4739 20.8707 10.6087 19.8165 10.0978 18.5831C9.58691 17.3497 9.45324 15.9925 9.71369 14.6831C9.97414 13.3738 10.617 12.171 11.561 11.227C12.505 10.283 13.7078 9.64015 15.0171 9.37969ZM18.2507 16C18.2507 15.4917 18.0487 15.0042 17.6893 14.6447C17.3298 14.2853 16.8423 14.0833 16.334 14.0833C15.8257 14.0833 15.3381 14.2853 14.9787 14.6447C14.6193 15.0042 14.4173 15.4917 14.4173 16C14.4173 16.5083 14.6193 16.9958 14.9787 17.3553C15.3381 17.7147 15.8257 17.9167 16.334 17.9167C16.8423 17.9167 17.3298 17.7147 17.6893 17.3553C18.0487 16.9958 18.2507 16.5083 18.2507 16Z" fill="white"/></g><defs><filter id="filter0_taggedd_506_22299" x="-2.66602" y="0" width="38.1602" height="38.1602" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="3"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22299"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_506_22299" result="shape"/></filter><clipPath id="clip0tagged_506_22299"><rect width="32" height="32" fill="white" transform="translate(0.333984)"/></clipPath></defs></svg>',
1081
- 'socialwall1IconFree' => '<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#socialWallFreeclip0)"> <path d="M8.49935 2.19C5.29102 2.19 2.66602 4.80917 2.66602 8.035C2.66602 10.9517 4.80102 13.3725 7.58935 13.81V9.72667H6.10768V8.035H7.58935V6.74584C7.58935 5.28167 8.45852 4.47667 9.79435 4.47667C10.4302 4.47667 11.0952 4.5875 11.0952 4.5875V6.02834H10.3602C9.63685 6.02834 9.40935 6.4775 9.40935 6.93834V8.035H11.031L10.7685 9.72667H9.40935V13.81C10.7839 13.5929 12.0356 12.8916 12.9385 11.8325C13.8413 10.7735 14.3358 9.42663 14.3327 8.035C14.3327 4.80917 11.7077 2.19 8.49935 2.19Z" fill="#006BFA"/> <path d="M8.5 21.3047C7 21.3047 5.80469 22.5234 5.80469 24C5.80469 25.5 7 26.6953 8.5 26.6953C9.97656 26.6953 11.1953 25.5 11.1953 24C11.1953 22.5234 9.97656 21.3047 8.5 21.3047ZM8.5 25.7578C7.53906 25.7578 6.74219 24.9844 6.74219 24C6.74219 23.0391 7.51562 22.2656 8.5 22.2656C9.46094 22.2656 10.2344 23.0391 10.2344 24C10.2344 24.9844 9.46094 25.7578 8.5 25.7578ZM11.9219 21.2109C11.9219 20.8594 11.6406 20.5781 11.2891 20.5781C10.9375 20.5781 10.6562 20.8594 10.6562 21.2109C10.6562 21.5625 10.9375 21.8438 11.2891 21.8438C11.6406 21.8438 11.9219 21.5625 11.9219 21.2109ZM13.7031 21.8438C13.6562 21 13.4688 20.25 12.8594 19.6406C12.25 19.0312 11.5 18.8438 10.6562 18.7969C9.78906 18.75 7.1875 18.75 6.32031 18.7969C5.47656 18.8438 4.75 19.0312 4.11719 19.6406C3.50781 20.25 3.32031 21 3.27344 21.8438C3.22656 22.7109 3.22656 25.3125 3.27344 26.1797C3.32031 27.0234 3.50781 27.75 4.11719 28.3828C4.75 28.9922 5.47656 29.1797 6.32031 29.2266C7.1875 29.2734 9.78906 29.2734 10.6562 29.2266C11.5 29.1797 12.25 28.9922 12.8594 28.3828C13.4688 27.75 13.6562 27.0234 13.7031 26.1797C13.75 25.3125 13.75 22.7109 13.7031 21.8438ZM12.5781 27.0938C12.4141 27.5625 12.0391 27.9141 11.5938 28.1016C10.8906 28.3828 9.25 28.3125 8.5 28.3125C7.72656 28.3125 6.08594 28.3828 5.40625 28.1016C4.9375 27.9141 4.58594 27.5625 4.39844 27.0938C4.11719 26.4141 4.1875 24.7734 4.1875 24C4.1875 23.25 4.11719 21.6094 4.39844 20.9062C4.58594 20.4609 4.9375 20.1094 5.40625 19.9219C6.08594 19.6406 7.72656 19.7109 8.5 19.7109C9.25 19.7109 10.8906 19.6406 11.5938 19.9219C12.0391 20.0859 12.3906 20.4609 12.5781 20.9062C12.8594 21.6094 12.7891 23.25 12.7891 24C12.7891 24.7734 12.8594 26.4141 12.5781 27.0938Z" fill="url(#socialWallFreepaint0_linear)"/> <path d="M30.6018 4.50001C30.1526 4.70418 29.6684 4.83834 29.1668 4.90251C29.6801 4.59334 30.0768 4.10334 30.2634 3.51418C29.7793 3.80584 29.2426 4.01001 28.6768 4.12668C28.2159 3.62501 27.5684 3.33334 26.8334 3.33334C25.4626 3.33334 24.3426 4.45334 24.3426 5.83584C24.3426 6.03418 24.3659 6.22668 24.4068 6.40751C22.3301 6.30251 20.4809 5.30501 19.2501 3.79418C19.0343 4.16168 18.9118 4.59334 18.9118 5.04834C18.9118 5.91751 19.3493 6.68751 20.0259 7.12501C19.6118 7.12501 19.2268 7.00834 18.8884 6.83334V6.85084C18.8884 8.06418 19.7518 9.07918 20.8951 9.30668C20.528 9.40713 20.1427 9.42111 19.7693 9.34751C19.9277 9.84479 20.238 10.2799 20.6565 10.5917C21.0751 10.9035 21.5808 11.0763 22.1026 11.0858C21.2181 11.7861 20.1216 12.1646 18.9934 12.1592C18.7951 12.1592 18.5968 12.1475 18.3984 12.1242C19.5068 12.8358 20.8251 13.25 22.2368 13.25C26.8334 13.25 29.3593 9.43501 29.3593 6.12751C29.3593 6.01668 29.3593 5.91168 29.3534 5.80084C29.8434 5.45084 30.2634 5.00751 30.6018 4.50001Z" fill="#1B90EF"/> <path d="M23.3327 25.75L26.3602 24L23.3327 22.25V25.75ZM30.076 21.1825C30.1518 21.4567 30.2043 21.8242 30.2393 22.2908C30.2802 22.7575 30.2977 23.16 30.2977 23.51L30.3327 24C30.3327 25.2775 30.2393 26.2167 30.076 26.8175C29.9302 27.3425 29.5918 27.6808 29.0668 27.8267C28.7927 27.9025 28.291 27.955 27.521 27.99C26.7627 28.0308 26.0685 28.0483 25.4268 28.0483L24.4993 28.0833C22.0552 28.0833 20.5327 27.99 19.9318 27.8267C19.4068 27.6808 19.0685 27.3425 18.9227 26.8175C18.8468 26.5433 18.7943 26.1758 18.7593 25.7092C18.7185 25.2425 18.701 24.84 18.701 24.49L18.666 24C18.666 22.7225 18.7593 21.7833 18.9227 21.1825C19.0685 20.6575 19.4068 20.3192 19.9318 20.1733C20.206 20.0975 20.7077 20.045 21.4777 20.01C22.236 19.9692 22.9302 19.9517 23.5718 19.9517L24.4993 19.9167C26.9435 19.9167 28.466 20.01 29.0668 20.1733C29.5918 20.3192 29.9302 20.6575 30.076 21.1825Z" fill="#EB2121"/> </g> <defs> <linearGradient id="socialWallFreepaint0_linear" x1="6.97891" y1="38.843" x2="29.0945" y2="16.268" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="0.147864" stop-color="#F6640E"/> <stop offset="0.443974" stop-color="#BA03A7"/> <stop offset="0.733337" stop-color="#6A01B9"/> <stop offset="1" stop-color="#6B01B9"/> </linearGradient> <clipPath id="socialWallFreeclip0"> <rect width="32" height="32" fill="white" transform="translate(0.5)"/> </clipPath> </defs> </svg>',
1082
-
1083
- 'user' => '<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 0C4.53043 0 5.03914 0.210714 5.41421 0.585786C5.78929 0.960859 6 1.46957 6 2C6 2.53043 5.78929 3.03914 5.41421 3.41421C5.03914 3.78929 4.53043 4 4 4C3.46957 4 2.96086 3.78929 2.58579 3.41421C2.21071 3.03914 2 2.53043 2 2C2 1.46957 2.21071 0.960859 2.58579 0.585786C2.96086 0.210714 3.46957 0 4 0ZM4 5C6.21 5 8 5.895 8 7V8H0V7C0 5.895 1.79 5 4 5Z"/></svg>',
1084
- 'hashtag' => '<svg viewBox="0 0 18 18" fill="none"><path d="M17.3607 4.1775H14.0152L14.618 1.266C14.6328 1.18021 14.6288 1.09223 14.6064 1.00812C14.5839 0.924001 14.5436 0.845742 14.488 0.778722C14.4324 0.711703 14.363 0.657514 14.2845 0.619882C14.206 0.582251 14.1203 0.56207 14.0332 0.560727H12.8276C12.6883 0.557321 12.5521 0.602311 12.4422 0.688037C12.3323 0.773763 12.2555 0.894929 12.2249 1.03091L11.61 4.1775H8.3549L8.9577 1.266C8.97229 1.18215 8.96897 1.09617 8.94795 1.0137C8.92692 0.931226 8.88867 0.854142 8.83572 0.787518C8.78276 0.720894 8.71629 0.666239 8.64069 0.62715C8.56509 0.588061 8.48207 0.565423 8.3971 0.560727H7.1915C7.05216 0.557321 6.91594 0.602311 6.80604 0.688037C6.69613 0.773763 6.61933 0.894929 6.58871 1.03091L5.98591 4.1775H2.36914C2.22811 4.17466 2.09056 4.22136 1.98042 4.30947C1.87028 4.39759 1.79452 4.52153 1.76634 4.65974L1.51919 5.86533C1.50109 5.95393 1.50315 6.04546 1.52522 6.13316C1.5473 6.22085 1.58882 6.30245 1.64671 6.37192C1.7046 6.44139 1.77737 6.49694 1.85965 6.53446C1.94192 6.57199 2.03158 6.59052 2.12199 6.58869H5.46751L4.47892 11.4111H0.862146C0.721125 11.4082 0.583571 11.4549 0.473429 11.543C0.363287 11.6311 0.287532 11.7551 0.259351 11.8933L0.0122042 13.0989C-0.00589975 13.1875 -0.00383898 13.279 0.0182337 13.3667C0.0403064 13.4544 0.0818254 13.536 0.139715 13.6055C0.197605 13.6749 0.270382 13.7305 0.352656 13.768C0.43493 13.8055 0.524592 13.8241 0.615 13.8222H3.98463L3.38183 16.7338C3.36677 16.821 3.37112 16.9106 3.39459 16.996C3.41806 17.0814 3.46006 17.1606 3.51761 17.2279C3.57517 17.2953 3.64685 17.3491 3.72757 17.3856C3.80829 17.4221 3.89606 17.4403 3.98463 17.439H5.19022C5.3244 17.4356 5.45359 17.3875 5.55732 17.3023C5.66105 17.2171 5.73339 17.0998 5.76288 16.9688L6.38979 13.8222H9.64488L9.04209 16.7338C9.02749 16.8176 9.03081 16.9036 9.05184 16.9861C9.07286 17.0685 9.11111 17.1456 9.16407 17.2122C9.21702 17.2789 9.28349 17.3335 9.35909 17.3726C9.43469 17.4117 9.51771 17.4343 9.60269 17.439H10.8083C10.9476 17.4424 11.0838 17.3974 11.1937 17.3117C11.3037 17.226 11.3805 17.1048 11.4111 16.9688L12.044 13.8222H15.6608C15.8018 13.8251 15.9394 13.7784 16.0495 13.6903C16.1596 13.6022 16.2354 13.4782 16.2636 13.34L16.5047 12.1344C16.5228 12.0458 16.5207 11.9543 16.4987 11.8666C16.4766 11.7789 16.4351 11.6973 16.3772 11.6278C16.3193 11.5584 16.2465 11.5028 16.1642 11.4653C16.082 11.4278 15.9923 11.4092 15.9019 11.4111H12.5383L13.5209 6.58869H17.1376C17.2787 6.59153 17.4162 6.54483 17.5264 6.45672C17.6365 6.36861 17.7123 6.24466 17.7404 6.10645L17.9876 4.90086C18.0063 4.8102 18.0038 4.71645 17.9804 4.62689C17.957 4.53733 17.9133 4.45436 17.8527 4.3844C17.7921 4.31445 17.7162 4.2594 17.6308 4.22352C17.5455 4.18764 17.4531 4.1719 17.3607 4.1775ZM10.1271 11.4111H6.87202L7.86061 6.58869H11.1157L10.1271 11.4111Z"/></svg>',
1085
- 'mention' => '<svg viewBox="0 0 18 18"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.24419 0.172937C8.99002 -0.174331 10.7996 0.00389957 12.4442 0.685088C14.0887 1.36628 15.4943 2.51983 16.4832 3.99987C17.4722 5.47992 18 7.21997 18 9.00001V10.3333C18 11.1879 17.6605 12.0075 17.0562 12.6118C16.452 13.2161 15.6324 13.5556 14.7778 13.5556C13.9232 13.5556 13.1036 13.2161 12.4993 12.6118C12.3867 12.4992 12.2833 12.3791 12.1896 12.2527C11.3384 13.0874 10.1933 13.5556 9.00001 13.5556C7.7918 13.5556 6.63307 13.0756 5.77874 12.2213C4.92441 11.3669 4.44445 10.2082 4.44445 9.00001C4.44445 7.7918 4.92441 6.63307 5.77874 5.77874C6.63307 4.92441 7.7918 4.44445 9.00001 4.44445C10.2082 4.44445 11.3669 4.92441 12.2213 5.77874C13.0756 6.63307 13.5556 7.7918 13.5556 9.00001V10.3333C13.5556 10.6575 13.6843 10.9684 13.9135 11.1976C14.1428 11.4268 14.4536 11.5556 14.7778 11.5556C15.1019 11.5556 15.4128 11.4268 15.642 11.1976C15.8712 10.9684 16 10.6575 16 10.3333V9.00001C16 7.61554 15.5895 6.26216 14.8203 5.11101C14.0511 3.95987 12.9579 3.06266 11.6788 2.53285C10.3997 2.00303 8.99224 1.86441 7.63437 2.13451C6.27651 2.4046 5.02922 3.07129 4.05026 4.05026C3.07129 5.02922 2.4046 6.27651 2.13451 7.63437C1.86441 8.99224 2.00303 10.3997 2.53285 11.6788C3.06266 12.9579 3.95987 14.0511 5.11101 14.8203C6.26216 15.5895 7.61554 16 9.00001 16L9.001 16C10.2297 16.0012 11.4363 15.6782 12.4987 15.0627C12.9766 14.7859 13.5884 14.9488 13.8653 15.4267C14.1421 15.9046 13.9792 16.5164 13.5013 16.7933C12.1329 17.586 10.5796 18.0016 8.99901 18L9.00001 17V18C8.99968 18 8.99934 18 8.99901 18C7.21933 17.9998 5.47964 17.472 3.99987 16.4832C2.51983 15.4943 1.36628 14.0887 0.685088 12.4442C0.00389957 10.7996 -0.17433 8.99002 0.172936 7.24419C0.520204 5.49836 1.37737 3.89472 2.63604 2.63604C3.89472 1.37737 5.49836 0.520204 7.24419 0.172937ZM11.5556 9.00001C11.5556 8.32223 11.2863 7.67221 10.8071 7.19295C10.3278 6.7137 9.67778 6.44445 9.00001 6.44445C8.32223 6.44445 7.67221 6.7137 7.19295 7.19295C6.7137 7.67221 6.44445 8.32223 6.44445 9.00001C6.44445 9.67778 6.7137 10.3278 7.19295 10.8071C7.67221 11.2863 8.32223 11.5556 9.00001 11.5556C9.67778 11.5556 10.3278 11.2863 10.8071 10.8071C11.2863 10.3278 11.5556 9.67778 11.5556 9.00001Z"/></svg>',
1086
- 'tooltipHelpSvg' => '<svg width="20" height="21" viewBox="0 0 20 21" fill="#0068A0" xmlns="http://www.w3.org/2000/svg"><path d="M9.1665 8H10.8332V6.33333H9.1665V8ZM9.99984 17.1667C6.32484 17.1667 3.33317 14.175 3.33317 10.5C3.33317 6.825 6.32484 3.83333 9.99984 3.83333C13.6748 3.83333 16.6665 6.825 16.6665 10.5C16.6665 14.175 13.6748 17.1667 9.99984 17.1667ZM9.99984 2.16666C8.90549 2.16666 7.82186 2.38221 6.81081 2.801C5.79976 3.21979 4.8811 3.83362 4.10728 4.60744C2.54448 6.17024 1.6665 8.28986 1.6665 10.5C1.6665 12.7101 2.54448 14.8298 4.10728 16.3926C4.8811 17.1664 5.79976 17.7802 6.81081 18.199C7.82186 18.6178 8.90549 18.8333 9.99984 18.8333C12.21 18.8333 14.3296 17.9554 15.8924 16.3926C17.4552 14.8298 18.3332 12.7101 18.3332 10.5C18.3332 9.40565 18.1176 8.32202 17.6988 7.31097C17.28 6.29992 16.6662 5.38126 15.8924 4.60744C15.1186 3.83362 14.1999 3.21979 13.1889 2.801C12.1778 2.38221 11.0942 2.16666 9.99984 2.16666ZM9.1665 14.6667H10.8332V9.66666H9.1665V14.6667Z" fill="#0068A0"/></svg>',
1087
-
1088
- 'shoppableDisabled' => '<svg width="303" height="145" viewBox="0 0 303 145" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M124.919 67.2058C130.919 72.7058 150.519 81.4058 180.919 72.2058" stroke="#8C8F9A" stroke-width="2" stroke-dasharray="3 3"/> <path d="M181.999 69L185.797 70.4241L183.5 74L181.999 69Z" fill="#8C8F9A"/> <g filter="url(#shopp_disabled_filter0_dddd)"> <rect x="24.6006" y="17.6504" width="81" height="98" rx="2" transform="rotate(-4 24.6006 17.6504)" fill="white"/> <rect x="24.3338" y="17.4184" width="81.5" height="98.5" rx="2.25" transform="rotate(-4 24.3338 17.4184)" stroke="url(#shopp_disabled_paint0_linear)" stroke-width="0.5"/> </g> <g clip-path="url(#shopp_disabled_clip0)"> <path d="M94.5298 21.3615C92.9088 21.4749 91.7091 22.8823 91.8207 24.478C91.9341 26.0991 93.3162 27.3005 94.9372 27.1872C96.5329 27.0756 97.7597 25.6917 97.6463 24.0707C97.5348 22.4749 96.1256 21.2499 94.5298 21.3615ZM94.8664 26.174C93.8279 26.2466 92.9083 25.471 92.8339 24.4072C92.7613 23.3687 93.5387 22.4744 94.6025 22.4C95.6409 22.3274 96.5352 23.1048 96.6079 24.1433C96.6822 25.2071 95.9048 26.1014 94.8664 26.174ZM98.2208 21.0016C98.1942 20.6217 97.869 20.339 97.4891 20.3656C97.1091 20.3921 96.8264 20.7173 96.853 21.0973C96.8796 21.4772 97.2048 21.7599 97.5847 21.7333C97.9646 21.7068 98.2473 21.3816 98.2208 21.0016ZM100.194 21.5509C100.079 20.6426 99.8198 19.8463 99.1152 19.2338C98.4106 18.6213 97.586 18.4753 96.6706 18.4884C95.7299 18.5033 92.9184 18.6999 91.9848 18.8161C91.0765 18.9305 90.3054 19.188 89.6676 19.8944C89.0551 20.599 88.9092 21.4237 88.9223 22.3391C88.9371 23.2798 89.1337 26.0913 89.2499 27.0249C89.3644 27.9332 89.6219 28.7042 90.3283 29.342C91.0582 29.9528 91.8575 30.1005 92.7729 30.0874C93.7136 30.0725 96.5251 29.8759 97.4587 29.7597C98.367 29.6453 99.1634 29.386 99.7759 28.6814C100.387 27.9515 100.534 27.1521 100.521 26.2367C100.506 25.296 100.31 22.4845 100.194 21.5509ZM99.3745 27.3096C99.2327 27.8285 98.854 28.2368 98.3869 28.4731C97.6483 28.8302 95.8699 28.8782 95.0594 28.9348C94.2236 28.9933 92.4559 29.1933 91.7001 28.9407C91.1793 28.7735 90.7728 28.4201 90.5348 27.9277C90.1795 27.2144 90.1315 25.4361 90.073 24.6002C90.0164 23.7897 89.8164 22.022 90.0672 21.2409C90.2362 20.7455 90.5895 20.339 91.082 20.1009C91.7952 19.7456 93.5736 19.6976 94.4094 19.6392C95.2199 19.5825 96.9876 19.3825 97.7687 19.6333C98.2624 19.777 98.6707 20.1557 98.9069 20.6228C99.264 21.3614 99.312 23.1397 99.3687 23.9502C99.4271 24.7861 99.6271 26.5538 99.3745 27.3096Z" fill="url(#shopp_disabled_paint1_linear)"/> </g> <g clip-path="url(#shopp_disabled_clip1)"> <rect x="26.1348" y="39.5967" width="81" height="76" rx="2" transform="rotate(-4 26.1348 39.5967)" fill="#B5E5FF"/> <circle cx="30.7388" cy="105.436" r="54" transform="rotate(-4 30.7388 105.436)" fill="#86D0F9"/> <g filter="url(#shopp_disabled_filter1_dd)"> <mask id="shopp_disabled_mask0" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="35" y="47" width="60" height="54"> <path fill-rule="evenodd" clip-rule="evenodd" d="M68.7966 50.3478C68.534 50.4332 68.3943 50.7154 68.4401 50.9877C68.8644 53.5073 66.4327 56.3732 62.7333 57.5753C59.0338 58.7773 55.382 57.888 54.2442 55.6002C54.1213 55.3529 53.8423 55.2068 53.5797 55.2921L47.2555 57.347C47.1786 57.372 47.109 57.4152 47.0525 57.473L42.6186 62.008L35.8445 69.2862C35.7004 69.441 35.6693 69.6698 35.7668 69.8574L40.9681 79.8652C41.1015 80.1217 41.4239 80.212 41.6711 80.0621L47.8083 76.3393C48.0715 76.1797 48.4151 76.2935 48.5309 76.5788L58.2754 100.594C58.374 100.837 58.6437 100.963 58.8932 100.881L92.2457 90.0446C92.4952 89.9635 92.6396 89.7034 92.5765 89.4488L86.3412 64.2801C86.2678 63.9837 86.4749 63.6913 86.7789 63.6622L94.424 62.9299C94.7094 62.9026 94.9134 62.6414 94.8708 62.358L93.1967 51.2062C93.1647 50.9929 92.9995 50.8242 92.787 50.7877L82.5629 49.0293L76.3102 47.9666C76.2305 47.953 76.1488 47.959 76.0719 47.984L68.7966 50.3478Z" fill="white"/> </mask> <g mask="url(#shopp_disabled_mask0)"> <rect x="28.3076" y="60.3479" width="72" height="54" transform="rotate(-16 28.3076 60.3479)" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M66.4321 69.6639C65.1395 69.4776 63.7264 69.0512 62.5105 69.0127C63.1766 69.8427 63.7987 70.7521 64.429 71.6465C63.8884 72.3619 63.1987 72.9948 62.5553 73.6533C63.3952 74.1125 64.4294 74.2212 65.3292 74.5723C64.947 75.4717 64.0024 76.5635 63.9089 77.3062C65.0894 76.8017 66.445 76.1437 67.5698 75.7666C68.181 76.9532 68.7057 78.2958 69.3922 79.3464C69.485 77.6689 69.5124 75.9552 69.7351 74.3498C70.8246 74.4733 72.1524 74.6242 73.1713 74.589C72.2358 73.8444 71.3419 73.0247 70.4606 72.1824C71.1537 71.2976 71.8595 70.42 72.5116 69.5125C71.2887 69.7444 70.035 70.0316 68.7692 70.3408C68.2001 69.1068 67.8102 67.5497 67.1648 66.4536C66.98 67.5567 66.688 68.6002 66.4321 69.6639ZM70.0641 80.1946C70.0998 80.9132 70.6974 81.0407 70.7363 81.4713C70.1738 81.4417 69.7628 81.4615 69.1035 81.7558C68.9743 81.2243 69.4256 81.0144 69.1426 80.3976C61.5808 81.6649 57.7717 68.4365 64.8194 65.5342C73.6314 61.9053 78.4249 77.5439 70.0641 80.1946Z" fill="#FE544F"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M67.1649 66.4536C67.8103 67.5497 68.2003 69.1068 68.7693 70.3407C70.0352 70.0316 71.2888 69.7444 72.5117 69.5125C71.8597 70.42 71.1538 71.2976 70.4608 72.1824C71.3421 73.0248 72.2359 73.8444 73.1714 74.589C72.1526 74.6242 70.8247 74.4733 69.7352 74.3498C69.5126 75.9552 69.4852 77.6689 69.3924 79.3464C68.7058 78.2958 68.1811 76.9532 67.5699 75.7666C66.4451 76.1438 65.0896 76.8017 63.9091 77.3062C64.0026 76.5635 64.9472 75.4718 65.3294 74.5723C64.4295 74.2212 63.3954 74.1125 62.5555 73.6533C63.1989 72.9948 63.8885 72.362 64.4292 71.6465C63.7988 70.7521 63.1767 69.8427 62.5106 69.0128C63.7266 69.0512 65.1396 69.4776 66.4323 69.6639C66.6881 68.6002 66.9802 67.5567 67.1649 66.4536Z" fill="white"/> </g> </g> </g> <g filter="url(#shopp_disabled_filter2_dddd)"> <rect x="199.592" y="17.7058" width="79" height="102" rx="2" transform="rotate(4 199.592 17.7058)" fill="#E2F5FF"/> </g> <rect x="231.919" y="100.162" width="36" height="17" rx="2" transform="rotate(4 231.919 100.162)" fill="#0096CC"/> <path d="M241.707 111.873L244.07 112.038C245.123 112.112 245.827 111.602 245.887 110.743L245.888 110.736C245.931 110.112 245.469 109.576 244.827 109.497L244.831 109.432C245.358 109.397 245.785 108.978 245.821 108.453L245.822 108.446C245.875 107.686 245.328 107.182 244.346 107.113L242.051 106.953L241.707 111.873ZM243.95 107.973C244.376 108.003 244.61 108.232 244.586 108.579L244.585 108.586C244.561 108.931 244.281 109.123 243.824 109.091L243.162 109.045L243.241 107.923L243.95 107.973ZM243.859 109.858C244.377 109.894 244.652 110.136 244.624 110.538L244.623 110.545C244.594 110.958 244.295 111.166 243.777 111.13L243.02 111.077L243.109 109.805L243.859 109.858ZM248.86 112.507C250.155 112.597 251.031 111.925 251.108 110.824L251.334 107.602L250.086 107.515L249.869 110.617C249.829 111.19 249.498 111.51 248.935 111.47C248.376 111.431 248.09 111.069 248.13 110.496L248.347 107.393L247.099 107.306L246.874 110.528C246.796 111.633 247.581 112.417 248.86 112.507ZM253.583 112.703L254.834 112.791L254.952 111.1L256.873 107.989L255.539 107.896L254.448 109.838L254.383 109.833L253.565 107.758L252.232 107.665L253.701 111.012L253.583 112.703Z" fill="white"/> <g filter="url(#shopp_disabled_filter3_dd)"> <mask id="shopp_disabled_mask1" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="207" y="35" width="61" height="48"> <path fill-rule="evenodd" clip-rule="evenodd" d="M244.802 36.7068C244.526 36.6972 244.298 36.9146 244.248 37.1861C243.785 39.699 240.52 41.5604 236.632 41.4246C232.745 41.2889 229.618 39.2042 229.331 36.6652C229.3 36.3908 229.088 36.1581 228.812 36.1485L222.166 35.9164C222.085 35.9136 222.005 35.9304 221.932 35.9653L216.215 38.7104L207.36 43.2328C207.171 43.329 207.064 43.5333 207.091 43.743L208.556 54.9261C208.594 55.2128 208.866 55.408 209.149 55.3516L216.19 53.9524C216.492 53.8924 216.776 54.117 216.787 54.4246L217.73 80.3242C217.74 80.5864 217.95 80.7966 218.212 80.8057L253.26 82.0296C253.522 82.0388 253.747 81.8438 253.774 81.5829L256.523 55.7995C256.556 55.4959 256.85 55.2919 257.146 55.3685L264.581 57.2952C264.858 57.3671 265.139 57.1915 265.196 56.9106L267.437 45.8588C267.48 45.6474 267.382 45.4324 267.195 45.3253L258.189 40.1762L252.677 37.039C252.607 36.999 252.528 36.9766 252.447 36.9738L244.802 36.7068Z" fill="white"/> </mask> <g mask="url(#shopp_disabled_mask1)"> <rect x="203.335" y="32.2556" width="72" height="54" transform="rotate(4 203.335 32.2556)" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M235.974 54.0491C234.823 53.4321 233.641 52.548 232.512 52.096C232.854 53.1038 233.128 54.171 233.414 55.2271C232.661 55.7145 231.797 56.0733 230.967 56.472C231.599 57.1908 232.534 57.6466 233.259 58.2843C232.592 58.9988 231.331 59.7017 230.99 60.3676C232.271 60.2973 233.77 60.1426 234.956 60.173C235.125 61.497 235.159 62.9381 235.444 64.1601C236.105 62.6156 236.717 61.0146 237.476 59.5821C238.457 60.0709 239.653 60.6668 240.623 60.9822C239.998 59.9626 239.439 58.8866 238.899 57.7936C239.852 57.1992 240.816 56.616 241.739 55.9862C240.511 55.7859 239.234 55.627 237.939 55.4846C237.826 54.1304 237.992 52.5338 237.761 51.2831C237.21 52.2564 236.579 53.1372 235.974 54.0491ZM235.786 65.187C235.573 65.8745 236.091 66.1987 235.981 66.6166C235.462 66.3964 235.069 66.2745 234.349 66.3255C234.409 65.7818 234.905 65.739 234.85 65.0626C227.311 63.6672 228.256 49.9337 235.871 49.6169C245.393 49.2208 244.549 65.5558 235.786 65.187Z" fill="#FE544F"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M237.761 51.283C237.993 52.5337 237.827 54.1303 237.939 55.4844C239.235 55.6268 240.511 55.7857 241.739 55.9861C240.816 56.6159 239.853 57.1991 238.899 57.7935C239.439 58.8865 239.998 59.9624 240.623 60.9821C239.653 60.6667 238.457 60.0708 237.476 59.582C236.717 61.0145 236.106 62.6155 235.445 64.16C235.159 62.938 235.125 61.4969 234.956 60.1729C233.77 60.1425 232.272 60.2972 230.99 60.3675C231.332 59.7016 232.593 58.9987 233.259 58.2842C232.534 57.6465 231.599 57.1907 230.967 56.4719C231.797 56.0732 232.662 55.7144 233.414 55.227C233.128 54.1709 232.854 53.1037 232.512 52.0959C233.642 52.5479 234.824 53.432 235.975 54.049C236.579 53.1371 237.21 52.2563 237.761 51.283Z" fill="white"/> </g> </g> <path d="M266.144 121.304L266.2 120.51L265.32 120.449L265.375 119.655L263.615 119.532L263.67 118.739L261.03 118.554L261.085 117.761L259.325 117.637L259.547 114.463L258.666 114.402L258.722 113.608L256.962 113.485L256.906 114.279L256.026 114.217L255.526 121.359L254.646 121.297L254.702 120.504L252.061 120.319L251.839 123.493L252.719 123.555L252.608 125.142L253.489 125.203L253.378 126.79L254.258 126.852L254.147 128.439L255.027 128.501L254.861 130.881L264.543 131.558L264.765 128.384L265.645 128.446L265.811 126.065L264.931 126.003L264.765 128.384L263.885 128.322L263.718 130.703L255.796 130.149L255.907 128.562L255.027 128.501L255.138 126.913L254.258 126.852L254.369 125.265L253.489 125.203L253.6 123.616L252.719 123.555L252.886 121.174L254.646 121.297L254.591 122.091L255.471 122.152L255.305 124.533L256.185 124.594L256.906 114.279L258.666 114.402L258.167 121.544L259.047 121.605L259.269 118.431L261.03 118.554L260.808 121.728L261.688 121.79L261.854 119.409L263.615 119.532L263.393 122.706L264.273 122.768L264.439 120.387L265.32 120.449L265.264 121.242L266.144 121.304L265.811 126.065L266.692 126.127L267.025 121.365L266.144 121.304Z" fill="#141B38"/> <path d="M264.932 126.003L265.812 126.065L266.145 121.304L265.265 121.242L265.32 120.449L264.44 120.387L264.274 122.768L263.393 122.706L263.615 119.532L261.855 119.409L261.688 121.79L260.808 121.728L261.03 118.554L259.27 118.431L259.048 121.605L258.168 121.543L258.667 114.402L256.907 114.279L256.185 124.594L255.305 124.533L255.471 122.152L254.591 122.091L254.647 121.297L252.886 121.174L252.72 123.555L253.6 123.616L253.489 125.203L254.369 125.265L254.258 126.852L255.139 126.913L255.028 128.5L255.908 128.562L255.797 130.149L263.719 130.703L263.885 128.322L264.765 128.384L264.932 126.003Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M258.001 123.924L258.881 123.986L258.62 127.726L257.739 127.665L258.001 123.924ZM260.641 124.109L259.761 124.047L259.5 127.788L260.38 127.85L260.641 124.109ZM262.402 124.232L261.521 124.17L261.26 127.911L262.14 127.973L262.402 124.232Z" fill="#141B38"/> <defs> <filter id="shopp_disabled_filter0_dddd" x="16.6698" y="10.1217" width="103.5" height="119.273" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="0.749837"/> <feGaussianBlur stdDeviation="0.468648"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.80196"/> <feGaussianBlur stdDeviation="1.12623"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.39293"/> <feGaussianBlur stdDeviation="2.12058"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.05242"/> <feGaussianBlur stdDeviation="3.78276"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"/> <feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/> </filter> <filter id="shopp_disabled_filter1_dd" x="32.7109" y="44.9595" width="67.165" height="60.9465" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="1" dy="1"/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="0.5"/> <feGaussianBlur stdDeviation="0.25"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> <filter id="shopp_disabled_filter2_dddd" x="185.046" y="16.3272" width="100.784" height="122.124" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="0.749837"/> <feGaussianBlur stdDeviation="0.468648"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.80196"/> <feGaussianBlur stdDeviation="1.12623"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.39293"/> <feGaussianBlur stdDeviation="2.12058"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.05242"/> <feGaussianBlur stdDeviation="3.78276"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"/> <feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/> </filter> <filter id="shopp_disabled_filter3_dd" x="204.087" y="32.916" width="68.3604" height="54.114" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="1" dy="1"/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="0.5"/> <feGaussianBlur stdDeviation="0.25"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> <linearGradient id="shopp_disabled_paint0_linear" x1="32.1943" y1="17.6504" x2="120.163" y2="93.7021" gradientUnits="userSpaceOnUse"> <stop stop-color="#B5CBEC"/> <stop offset="1" stop-color="#B6CFF4" stop-opacity="0.32"/> </linearGradient> <linearGradient id="shopp_disabled_paint1_linear" x1="94.2114" y1="40.43" x2="116.406" y2="14.3621" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="0.147864" stop-color="#F6640E"/> <stop offset="0.443974" stop-color="#BA03A7"/> <stop offset="0.733337" stop-color="#6A01B9"/> <stop offset="1" stop-color="#6B01B9"/> </linearGradient> <clipPath id="shopp_disabled_clip0"> <rect width="13" height="13" fill="white" transform="translate(87.7959 18.2437) rotate(-4)"/> </clipPath> <clipPath id="shopp_disabled_clip1"> <rect x="26.1348" y="39.5967" width="81" height="76" rx="2" transform="rotate(-4 26.1348 39.5967)" fill="white"/> </clipPath> </defs> </svg>',
1089
- 'shoppableEnabled' => '<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#shoppEnabled_filter0_dd)"> <rect x="5" y="1" width="60" height="60" rx="2" fill="white"/> </g> <path d="M19.904 26.2247L5 39.7857V59C5 60.1046 5.89543 61 7 61H63C64.1046 61 65 60.1046 65 59V45.5714L52.4342 31.4716C51.7591 30.7141 50.6236 30.5822 49.7928 31.1648L38.8105 38.8667C38.0444 39.4039 37.0082 39.3382 36.3161 38.7085L22.596 26.2247C21.833 25.5304 20.667 25.5304 19.904 26.2247Z" fill="url(#shoppEnabled_paint0_linear)"/> <rect x="29" y="4" width="29" height="20" rx="2" fill="#0068A0"/> <path d="M37.6002 14.0001C37.6002 12.8601 38.5268 11.9334 39.6668 11.9334H42.3335V10.6667H39.6668C38.7828 10.6667 37.9349 11.0179 37.3098 11.6431C36.6847 12.2682 36.3335 13.116 36.3335 14.0001C36.3335 14.8841 36.6847 15.732 37.3098 16.3571C37.9349 16.9822 38.7828 17.3334 39.6668 17.3334H42.3335V16.0667H39.6668C38.5268 16.0667 37.6002 15.1401 37.6002 14.0001ZM40.3335 14.6667H45.6668V13.3334H40.3335V14.6667ZM46.3335 10.6667H43.6668V11.9334H46.3335C47.4735 11.9334 48.4002 12.8601 48.4002 14.0001C48.4002 15.1401 47.4735 16.0667 46.3335 16.0667H43.6668V17.3334H46.3335C47.2176 17.3334 48.0654 16.9822 48.6905 16.3571C49.3156 15.732 49.6668 14.8841 49.6668 14.0001C49.6668 13.116 49.3156 12.2682 48.6905 11.6431C48.0654 11.0179 47.2176 10.6667 46.3335 10.6667Z" fill="white"/> <path d="M64.1103 30.0086V29.0938H63.0956V28.179H61.0662V27.2643H58.0221V26.3495H55.9926V22.6904H54.9779V21.7756H52.9485V22.6904H51.9338V30.9234H50.9191V30.0086H47.875V33.6677H48.8897V35.4972H49.9044V37.3268H50.9191V39.1563H51.9338V41.9006H63.0956V38.2415H64.1103V35.4972H63.0956V38.2415H62.0809V40.9859H52.9485V39.1563H51.9338V37.3268H50.9191V35.4972H49.9044V33.6677H48.8897V30.9234H50.9191V31.8381H51.9338V34.5825H52.9485V22.6904H54.9779V30.9234H55.9926V27.2643H58.0221V30.9234H59.0368V28.179H61.0662V31.8381H62.0809V29.0938H63.0956V30.0086H64.1103V35.4972H65.125V30.0086H64.1103Z" fill="#141B38"/> <path d="M63.096 35.4972H64.1107V30.0086H63.096V29.0938H62.0813V31.8382H61.0666V28.1791H59.0372V30.9234H58.0225V27.2643H55.9931V30.9234H54.9784V22.6904H52.949V34.5825H51.9343V31.8382H50.9195V30.9234H48.8901V33.6677H49.9048V35.4972H50.9195V37.3268H51.9343V39.1563H52.949V40.9859H62.0813V38.2416H63.096V35.4972Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M54.9785 33.668H55.9932V37.9805H54.9785V33.668ZM58.0224 33.668H57.0077V37.9805H58.0224V33.668ZM60.0516 33.668H59.0369V37.9805H60.0516V33.668Z" fill="#141B38"/> <defs> <filter id="shoppEnabled_filter0_dd" x="0" y="0" width="70" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="4"/> <feGaussianBlur stdDeviation="2.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> <linearGradient id="shoppEnabled_paint0_linear" x1="35" y1="25" x2="35" y2="61" gradientUnits="userSpaceOnUse"> <stop stop-color="#DCDDE1"/> <stop offset="1" stop-color="#DCDDE1" stop-opacity="0"/> </linearGradient> </defs> </svg>',
1090
- 'ctaBoxes' => array(
1091
- 'hashtag' => '<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="28.1951" height="27" transform="translate(17.0762 16.2861) rotate(3)" fill="#8C8F9A"/><path d="M39.048 26.1275L35.707 25.9524L36.4614 23.0765C36.4807 22.9916 36.4813 22.9035 36.4633 22.8183C36.4453 22.7332 36.4091 22.6529 36.3571 22.5831C36.3051 22.5132 36.2386 22.4555 36.1622 22.4138C36.0858 22.3721 36.0012 22.3475 35.9144 22.3416L34.7104 22.2785C34.5715 22.2678 34.4331 22.3056 34.3188 22.3854C34.2046 22.4653 34.1216 22.5823 34.0839 22.7164L33.3052 25.8266L30.0545 25.6562L30.8089 22.7802C30.8279 22.6973 30.829 22.6112 30.8124 22.5278C30.7957 22.4443 30.7615 22.3653 30.7121 22.296C30.6627 22.2267 30.5992 22.1687 30.5258 22.1257C30.4523 22.0827 30.3706 22.0557 30.286 22.0466L29.082 21.9835C28.9431 21.9728 28.8047 22.0106 28.6904 22.0904C28.5762 22.1703 28.4931 22.2873 28.4555 22.4215L27.6888 25.5322L24.077 25.3429C23.9363 25.3327 23.7965 25.3721 23.6819 25.4544C23.5673 25.5366 23.4852 25.6564 23.4498 25.793L23.1399 26.984C23.1172 27.0715 23.1144 27.163 23.1319 27.2517C23.1493 27.3405 23.1865 27.4241 23.2407 27.4965C23.2949 27.5689 23.3646 27.6282 23.4448 27.67C23.525 27.7118 23.6136 27.735 23.704 27.7379L27.0449 27.913L25.8053 32.677L22.1935 32.4877C22.0528 32.4775 21.913 32.5169 21.7984 32.5991C21.6838 32.6814 21.6017 32.8012 21.5663 32.9377L21.2564 34.1287C21.2337 34.2163 21.2309 34.3078 21.2484 34.3965C21.2658 34.4852 21.303 34.5689 21.3572 34.6413C21.4114 34.7137 21.4811 34.773 21.5613 34.8148C21.6415 34.8565 21.7301 34.8797 21.8205 34.8826L25.1855 35.059L24.4311 37.935C24.4115 38.0213 24.4112 38.111 24.4302 38.1975C24.4491 38.284 24.4869 38.3653 24.5409 38.4356C24.5948 38.5058 24.6636 38.5633 24.7423 38.604C24.821 38.6447 24.9077 38.6675 24.9962 38.6708L26.2001 38.7339C26.3343 38.7375 26.4658 38.6962 26.5739 38.6166C26.6819 38.537 26.7603 38.4236 26.7966 38.2943L27.5874 35.1849L30.838 35.3552L30.0836 38.2312C30.0647 38.3142 30.0635 38.4002 30.0802 38.4837C30.0969 38.5671 30.131 38.6461 30.1804 38.7154C30.2298 38.7847 30.2933 38.8428 30.3668 38.8858C30.4402 38.9288 30.522 38.9557 30.6066 38.9648L31.8105 39.0279C31.9495 39.0386 32.0879 39.0008 32.2021 38.921C32.3163 38.8411 32.3994 38.7241 32.4371 38.5899L33.2338 35.4808L36.8456 35.6701C36.9863 35.6803 37.1261 35.6409 37.2407 35.5586C37.3553 35.4764 37.4375 35.3566 37.4729 35.2201L37.7767 34.0287C37.7995 33.9412 37.8022 33.8497 37.7847 33.761C37.7673 33.6722 37.7301 33.5886 37.6759 33.5162C37.6217 33.4438 37.552 33.3845 37.4718 33.3427C37.3916 33.3009 37.303 33.2777 37.2126 33.2748L33.8536 33.0988L35.0872 28.3344L38.6991 28.5237C38.8397 28.5339 38.9795 28.4945 39.0941 28.4123C39.2087 28.3301 39.2909 28.2102 39.3263 28.0737L39.6362 26.8827C39.6596 26.7931 39.662 26.6994 39.6434 26.6087C39.6247 26.5181 39.5854 26.4329 39.5285 26.3599C39.4716 26.2869 39.3987 26.2279 39.3154 26.1876C39.232 26.1473 39.1405 26.1268 39.048 26.1275ZM31.4458 32.9726L28.1951 32.8022L29.4347 28.0382L32.6854 28.2086L31.4458 32.9726Z" fill="white"/><rect x="10" y="10" width="30.1951" height="30" fill="#0096CC"/><path d="M32.4132 21.2806H29.4859L30.0134 18.733C30.0263 18.6579 30.0229 18.5809 30.0032 18.5073C29.9836 18.4337 29.9483 18.3653 29.8997 18.3066C29.851 18.248 29.7903 18.2006 29.7216 18.1676C29.6529 18.1347 29.5779 18.1171 29.5017 18.1159H28.4468C28.3249 18.1129 28.2057 18.1523 28.1096 18.2273C28.0134 18.3023 27.9462 18.4083 27.9194 18.5273L27.3814 21.2806H24.5332L25.0606 18.733C25.0734 18.6596 25.0705 18.5844 25.0521 18.5122C25.0337 18.4401 25.0002 18.3726 24.9539 18.3143C24.9076 18.256 24.8494 18.2082 24.7833 18.174C24.7171 18.1398 24.6445 18.12 24.5701 18.1159H23.5152C23.3933 18.1129 23.2741 18.1523 23.1779 18.2273C23.0818 18.3023 23.0146 18.4083 22.9878 18.5273L22.4603 21.2806H19.2957C19.1723 21.2781 19.0519 21.3189 18.9555 21.396C18.8591 21.4731 18.7929 21.5816 18.7682 21.7025L18.552 22.7574C18.5361 22.8349 18.5379 22.915 18.5572 22.9918C18.5765 23.0685 18.6129 23.1399 18.6635 23.2007C18.7142 23.2615 18.7779 23.3101 18.8498 23.3429C18.9218 23.3757 19.0003 23.3919 19.0794 23.3903H22.0067L21.1417 27.6099H17.977C17.8536 27.6074 17.7333 27.6483 17.6369 27.7254C17.5405 27.8025 17.4742 27.9109 17.4496 28.0319L17.2333 29.0868C17.2175 29.1643 17.2193 29.2444 17.2386 29.3211C17.2579 29.3978 17.2943 29.4692 17.3449 29.53C17.3956 29.5908 17.4592 29.6394 17.5312 29.6723C17.6032 29.7051 17.6817 29.7213 17.7608 29.7197H20.7092L20.1818 32.2673C20.1686 32.3437 20.1724 32.422 20.1929 32.4967C20.2135 32.5715 20.2502 32.6408 20.3006 32.6997C20.3509 32.7586 20.4137 32.8057 20.4843 32.8376C20.5549 32.8696 20.6317 32.8855 20.7092 32.8844H21.7641C21.8815 32.8814 21.9945 32.8393 22.0853 32.7648C22.1761 32.6902 22.2394 32.5876 22.2652 32.473L22.8137 29.7197H25.6619L25.1345 32.2673C25.1217 32.3406 25.1246 32.4159 25.143 32.488C25.1614 32.5602 25.1949 32.6277 25.2412 32.6859C25.2876 32.7442 25.3457 32.7921 25.4119 32.8263C25.478 32.8605 25.5507 32.8803 25.625 32.8844H26.6799C26.8018 32.8874 26.921 32.848 27.0172 32.773C27.1134 32.698 27.1806 32.592 27.2073 32.473L27.7612 29.7197H30.9258C31.0492 29.7222 31.1696 29.6813 31.266 29.6042C31.3623 29.5271 31.4286 29.4187 31.4533 29.2978L31.6643 28.2429C31.6801 28.1653 31.6783 28.0852 31.659 28.0085C31.6397 27.9318 31.6034 27.8604 31.5527 27.7996C31.502 27.7388 31.4384 27.6902 31.3664 27.6574C31.2944 27.6245 31.2159 27.6083 31.1368 27.6099H28.1937L29.0534 23.3903H32.2181C32.3415 23.3928 32.4618 23.352 32.5582 23.2749C32.6546 23.1978 32.7209 23.0893 32.7455 22.9684L32.9618 21.9135C32.9781 21.8342 32.976 21.7521 32.9555 21.6738C32.9351 21.5954 32.8968 21.5228 32.8438 21.4616C32.7907 21.4004 32.7243 21.3522 32.6496 21.3208C32.575 21.2894 32.4941 21.2757 32.4132 21.2806ZM26.0839 27.6099H23.2357L24.1007 23.3903H26.9489L26.0839 27.6099Z" fill="white"/><rect x="10" y="10" width="30.1951" height="30" stroke="white" stroke-width="2"/></svg>',
1092
- 'layout' => '<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.7033 21.3195C38.8925 21.1158 39.158 21 39.4361 21H52C52.5523 21 53 21.4477 53 22V45C53 45.5523 52.5523 46 52 46H28C27.4477 46 27 45.5523 27 45V29C27 28.4477 27.4477 28 28 28H32.0639C32.342 28 32.6075 27.8842 32.7967 27.6805L38.7033 21.3195Z" fill="white"/><rect x="5.05664" y="7.01074" width="28" height="28" rx="1" transform="rotate(-4 5.05664 7.01074)" fill="#8C8F9A"/><rect x="10.3242" y="10.6523" width="8" height="11" transform="rotate(-4 10.3242 10.6523)" fill="white"/><path d="M11.2305 23.6206L19.211 23.0626L19.6993 30.0455L11.7188 30.6036L11.2305 23.6206Z" fill="white"/><rect x="20.2988" y="9.95459" width="8" height="7" transform="rotate(-4 20.2988 9.95459)" fill="white"/><path d="M20.9277 18.9326L28.9082 18.3746L29.6756 29.3478L21.6951 29.9058L20.9277 18.9326Z" fill="white"/><rect x="21.0097" y="18.0572" width="28" height="28" rx="2" transform="rotate(4 21.0097 18.0572)" fill="#0096CC" stroke="white" stroke-width="2"/><path d="M28.0332 25.1357L41.0015 26.0426L40.0299 39.9372L27.0616 39.0304L28.0332 25.1357Z" fill="white"/><path d="M21.5488 24.6821L26.1804 25.006L25.2088 38.9006L20.5772 38.5768L21.5488 24.6821Z" fill="#94E3FF"/><path d="M42.8535 26.1719L47.4851 26.4957L46.5135 40.3904L41.8819 40.0665L42.8535 26.1719Z" fill="#94E3FF"/></svg>',
1093
- 'popups' => '<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8.57617" y="14.6885" width="38" height="25" rx="1" transform="rotate(-2 8.57617 14.6885)" fill="#0096CC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.4867 30.0589C25.5889 30.1678 25.7632 30.1634 25.8598 30.0495L32.6624 22.0206C32.7577 21.9081 32.9292 21.9021 33.0321 22.0077L42.8234 32.0504C42.975 32.2058 42.8701 32.4672 42.6532 32.4748L28.2271 32.9786L23.2301 33.1531L14.7862 33.4479C14.5716 33.4554 14.448 33.2066 14.5837 33.0401L20.7716 25.4492C20.8672 25.332 21.0442 25.3258 21.1477 25.4361L25.4867 30.0589Z" fill="white"/><path d="M5.57322 24.4268C5.73072 24.2693 6 24.3808 6 24.6036V31.3964C6 31.6192 5.73071 31.7307 5.57322 31.5732L2.17678 28.1768C2.07915 28.0791 2.07915 27.9209 2.17678 27.8232L5.57322 24.4268Z" fill="#434960"/><path d="M50.4268 21.4268C50.2693 21.2693 50 21.3808 50 21.6036V28.3964C50 28.6192 50.2693 28.7307 50.4268 28.5732L53.8232 25.1768C53.9209 25.0791 53.9209 24.9209 53.8232 24.8232L50.4268 21.4268Z" fill="#434960"/></svg>',
1094
- 'filter' => '<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_573_793)"><rect x="17.4102" y="10.708" width="31" height="31" rx="0.5" transform="rotate(5 17.4102 10.708)" fill="#8C8F9A"/><circle cx="43.2994" cy="36.061" r="17" transform="rotate(5 43.2994 36.061)" fill="#434960"/><rect x="15.4922" y="32.6245" width="31" height="9" transform="rotate(5 15.4922 32.6245)" fill="#E8E8EB"/></g><circle cx="17" cy="13" r="10" fill="#0096CC" stroke="white" stroke-width="2"/><rect x="12" y="10" width="10" height="1.5" rx="0.25" fill="white"/><path d="M13.5 13.25C13.5 13.1119 13.6119 13 13.75 13H20.25C20.3881 13 20.5 13.1119 20.5 13.25V14.25C20.5 14.3881 20.3881 14.5 20.25 14.5H13.75C13.6119 14.5 13.5 14.3881 13.5 14.25V13.25Z" fill="white"/><path d="M15.5 16.25C15.5 16.1119 15.6119 16 15.75 16H18.25C18.3881 16 18.5 16.1119 18.5 16.25V17.25C18.5 17.3881 18.3881 17.5 18.25 17.5H15.75C15.6119 17.5 15.5 17.3881 15.5 17.25V16.25Z" fill="white"/><defs><clipPath id="clip0_573_793"><rect x="17.4102" y="10.708" width="31" height="31" rx="0.5" transform="rotate(5 17.4102 10.708)" fill="white"/></clipPath></defs></svg>'
1095
 
1096
  ),
1097
- ];
 
 
 
 
1098
  return $builder_svg_icons;
1099
  }
1100
 
1101
  public static function sb_other_plugins_modal() {
1102
- check_ajax_referer( 'sbi_nonce' , 'sbi_nonce');
1103
 
1104
  if ( ! current_user_can( 'activate_plugins' ) || ! current_user_can( 'install_plugins' ) ) {
1105
  wp_send_json_error();
1106
  }
1107
 
1108
- $plugin = isset( $_POST['plugin'] ) ? sanitize_key( $_POST['plugin'] ) : '';
1109
  $sb_other_plugins = self::install_plugins_popup();
1110
- $plugin = isset( $sb_other_plugins[ $plugin ] ) ? $sb_other_plugins[ $plugin ] : false;
1111
  if ( ! $plugin ) {
1112
  wp_send_json_error();
1113
  }
@@ -1119,24 +1167,24 @@ class SBI_Feed_Builder {
1119
  </svg></div>
1120
  <div class="sbi-install-plugin-body sbi-fb-fs">
1121
  <div class="sbi-install-plugin-header">
1122
- <div class="sb-plugin-image">'. $plugin['svgIcon'] .'</div>
1123
  <div class="sb-plugin-name">
1124
- <h3>'. $plugin['name'] .'<span>Free</span></h3>
1125
  <p><span class="sb-author-logo">
1126
  <svg width="13" height="17" viewBox="0 0 13 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1127
  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.72226 4.70098C4.60111 4.19717 3.43332 3.44477 2.34321 3.09454C2.73052 4.01824 3.05742 5.00234 3.3957 5.97507C2.72098 6.48209 1.93286 6.8757 1.17991 7.30453C1.82065 7.93788 2.72809 8.3045 3.45109 8.85558C2.87196 9.57021 1.73414 10.3129 1.45689 10.9606C2.65579 10.8103 4.05285 10.5668 5.16832 10.5174C5.41343 11.7495 5.53984 13.1002 5.88845 14.2288C6.40758 12.7353 6.87695 11.192 7.49488 9.79727C8.44849 10.1917 9.61069 10.6726 10.5416 10.9052C9.88842 9.98881 9.29237 9.01536 8.71356 8.02465C9.57007 7.40396 10.4364 6.79309 11.2617 6.14122C10.0952 6.03375 8.88647 5.96834 7.66107 5.91968C7.46633 4.65567 7.5175 3.14579 7.21791 1.98667C6.76462 2.93671 6.2297 3.80508 5.72226 4.70098ZM6.27621 15.1705C6.12214 15.8299 6.62974 16.1004 6.55318 16.5C6.052 16.3273 5.67498 16.2386 5.00213 16.3338C5.02318 15.8194 5.48587 15.7466 5.3899 15.1151C-1.78016 14.3 -1.79456 1.34382 5.3345 0.546422C14.2483 -0.450627 14.528 14.9414 6.27621 15.1705Z" fill="#FE544F"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7.21769 1.98657C7.51728 3.1457 7.46611 4.65557 7.66084 5.91955C8.88625 5.96824 10.0949 6.03362 11.2615 6.14113C10.4362 6.79299 9.56984 7.40386 8.71334 8.02454C9.29215 9.01527 9.8882 9.98869 10.5414 10.9051C9.61046 10.6725 8.44827 10.1916 7.49466 9.79716C6.87673 11.1919 6.40736 12.7352 5.88823 14.2287C5.53962 13.1001 5.41321 11.7494 5.16809 10.5173C4.05262 10.5667 2.65558 10.8102 1.45666 10.9605C1.73392 10.3128 2.87174 9.57012 3.45087 8.85547C2.72786 8.30438 1.82043 7.93778 1.17969 7.30443C1.93264 6.8756 2.72074 6.482 3.39547 5.97494C3.05719 5.00224 2.73031 4.01814 2.34299 3.09445C3.43308 3.44467 4.60089 4.19707 5.72204 4.70088C6.22947 3.80499 6.7644 2.93662 7.21769 1.98657Z" fill="white"></path>
1128
  </svg>
1129
  </span>
1130
- <span class="sb-author-name">'. $plugin['author'] .'</span>
1131
  </p></div></div>
1132
  <div class="sbi-install-plugin-content">
1133
- <p>'. $plugin['description'] .'</p>';
1134
 
1135
  $plugin_install_data = array(
1136
- 'step' => 'install',
1137
- 'action' => 'sbi_install_addon',
1138
- 'nonce' => wp_create_nonce('sbi-admin'),
1139
- 'plugin' => $plugin['plugin'],
1140
  'download_plugin' => $plugin['download_plugin'],
1141
  );
1142
 
@@ -1144,28 +1192,31 @@ class SBI_Feed_Builder {
1144
  $output .= sprintf(
1145
  "<button class='sbi-install-plugin-btn sbi-btn-orange' id='sbi_install_op_btn' data-plugin-atts='%s'>%s</button></div></div></div>",
1146
  sbi_json_encode( $plugin_install_data ),
1147
- __('Install', 'instagram-feed')
1148
  );
1149
  }
1150
  if ( $plugin['installed'] && ! $plugin['activated'] ) {
1151
- $plugin_install_data['step'] = 'activate';
1152
  $plugin_install_data['action'] = 'sbi_activate_addon';
1153
- $output .= sprintf(
1154
  "<button class='sbi-install-plugin-btn sbi-btn-orange' id='sbi_install_op_btn' data-plugin-atts='%s'>%s</button></div></div></div>",
1155
  sbi_json_encode( $plugin_install_data ),
1156
- __('Activate', 'instagram-feed')
1157
  );
1158
  }
1159
  if ( $plugin['installed'] && $plugin['activated'] ) {
1160
  $output .= sprintf(
1161
  "<button class='sbi-install-plugin-btn sbi-btn-orange' id='sbi_install_op_btn' disabled='disabled'>%s</button></div></div></div>",
1162
- __('Plugin installed & activated', 'instagram-feed')
1163
  );
1164
  }
1165
 
1166
- new \InstagramFeed\SBI_Response( true, array(
1167
- 'output' => $output
1168
- ) );
 
 
 
1169
  }
1170
 
1171
  /**
@@ -1183,68 +1234,68 @@ class SBI_Feed_Builder {
1183
  $installed_plugins = get_plugins();
1184
 
1185
  $is_facebook_installed = false;
1186
- $facebook_plugin = 'custom-facebook-feed/custom-facebook-feed.php';
1187
- if ( isset( $installed_plugins['custom-facebook-feed-pro/custom-facebook-feed.php'] ) ) {
1188
- $is_facebook_installed = true;
1189
- $facebook_plugin = 'custom-facebook-feed/custom-facebook-feed.php';
1190
- } else if ( isset( $installed_plugins['custom-facebook-feed/custom-facebook-feed.php'] ) ) {
1191
- $is_facebook_installed = true;
1192
- }
1193
-
1194
- $is_twitter_installed = false;
1195
- $twitter_plugin = 'custom-twitter-feeds/custom-twitter-feed.php';
1196
- if ( isset( $installed_plugins['custom-twitter-feeds-pro/custom-twitter-feed.php'] ) ) {
1197
- $is_twitter_installed = true;
1198
- $twitter_plugin = 'custom-twitter-feeds-pro/custom-twitter-feed.php';
1199
- } else if ( isset( $installed_plugins['custom-twitter-feeds/custom-twitter-feed.php'] ) ) {
1200
- $is_twitter_installed = true;
1201
- }
1202
-
1203
- $is_youtube_installed = false;
1204
- $youtube_plugin = 'feeds-for-youtube/youtube-feed.php';
1205
- if ( isset( $installed_plugins['youtube-feed-pro/youtube-feed.php'] ) ) {
1206
- $is_youtube_installed = true;
1207
- $youtube_plugin = 'youtube-feed-pro/youtube-feed.php';
1208
- } else if ( isset( $installed_plugins['feeds-for-youtube/youtube-feed.php'] ) ) {
1209
- $is_youtube_installed = true;
1210
- }
1211
 
1212
  return array(
1213
  'facebook' => array(
1214
- 'displayName' => __( 'Facebook', 'instagram-feed' ),
1215
- 'name' => __( 'Facebook Feed', 'instagram-feed' ),
1216
- 'author' => __( 'By Smash Balloon', 'instagram-feed' ),
1217
- 'description' => __('To display a Facebook feed, our Facebook plugin is required. </br> It provides a clean and beautiful way to add your Facebook posts to your website. Grab your visitors attention and keep them engaged with your site longer.', 'instagram-feed'),
1218
  'dashboard_permalink' => admin_url( 'admin.php?page=cff-feed-builder' ),
1219
- 'svgIcon' => '<svg viewBox="0 0 14 15" width="36" height="36"><path d="M7.00016 0.860001C3.3335 0.860001 0.333496 3.85333 0.333496 7.54C0.333496 10.8733 2.7735 13.64 5.96016 14.14V9.47333H4.26683V7.54H5.96016V6.06667C5.96016 4.39333 6.9535 3.47333 8.48016 3.47333C9.20683 3.47333 9.96683 3.6 9.96683 3.6V5.24667H9.12683C8.30016 5.24667 8.04016 5.76 8.04016 6.28667V7.54H9.8935L9.5935 9.47333H8.04016V14.14C9.61112 13.8919 11.0416 13.0903 12.0734 11.88C13.1053 10.6697 13.6704 9.13043 13.6668 7.54C13.6668 3.85333 10.6668 0.860001 7.00016 0.860001Z" fill="rgb(0, 107, 250)"/></svg>',
1220
- 'installed' => $is_facebook_installed,
1221
- 'activated' => is_plugin_active( $facebook_plugin ),
1222
- 'plugin' => $facebook_plugin,
1223
- 'download_plugin' => 'https://downloads.wordpress.org/plugin/custom-facebook-feed.zip',
1224
  ),
1225
- 'twitter' => array(
1226
- 'displayName' => __( 'Twitter', 'instagram-feed' ),
1227
- 'name' => __( 'Twitter Feed', 'instagram-feed' ),
1228
- 'author' => __( 'By Smash Balloon', 'instagram-feed' ),
1229
- 'description' => __('Custom Twitter Feeds is a highly customizable way to display tweets from your Twitter account. Promote your latest content and update your site content automatically.', 'instagram-feed'),
1230
- 'dashboard_permalink' => admin_url( 'admin.php?page=custom-twitter-feeds' ),
1231
- 'svgIcon' => '<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.6905 9C32.5355 9.525 31.2905 9.87 30.0005 10.035C31.3205 9.24 32.3405 7.98 32.8205 6.465C31.5755 7.215 30.1955 7.74 28.7405 8.04C27.5555 6.75 25.8905 6 26.0005 6C20.4755 6 17.5955 8.88 17.5955 12.435C17.5955 12.945 17.6555 13.44 17.7605 13.905C12.4205 13.635 7.66555 11.07 4.50055 7.185C3.94555 8.13 3.63055 9.24 3.63055 10.41C3.63055 12.645 4.75555 14.625 6.49555 15.75C5.43055 15.75 4.44055 15.45 3.57055 15V15.045C3.57055 18.165 5.79055 20.775 8.73055 21.36C7.78664 21.6183 6.79569 21.6543 5.83555 21.465C6.24296 22.7437 7.04085 23.8626 8.11707 24.6644C9.19329 25.4662 10.4937 25.9105 11.8355 25.935C9.56099 27.7357 6.74154 28.709 3.84055 28.695C3.33055 28.695 2.82055 28.665 2.31055 28.605C5.16055 30.435 8.55055 31.5 12.1805 31.5C26.0005 31.5 30.4955 21.69 30.4955 13.185C30.4955 12.9 30.4955 12.63 30.4805 12.345C31.7405 11.445 32.8205 10.305 33.6905 9Z" fill="#1B90EF"/></svg>',
1232
- 'installed' => $is_twitter_installed,
1233
- 'activated' => is_plugin_active( $twitter_plugin ),
1234
- 'plugin' => $twitter_plugin,
1235
- 'download_plugin' => 'https://downloads.wordpress.org/plugin/custom-twitter-feeds.zip',
1236
  ),
1237
- 'youtube' => array(
1238
- 'displayName' => __( 'YouTube', 'instagram-feed' ),
1239
- 'name' => __( 'Feeds for YouTube', 'instagram-feed' ),
1240
- 'author' => __( 'By Smash Balloon', 'instagram-feed' ),
1241
- 'description' => __( 'To display a YouTube feed, our YouTube plugin is required. It provides a simple yet powerful way to display videos from YouTube on your website, Increasing engagement with your channel while keeping visitors on your website.', 'instagram-feed' ),
1242
  'dashboard_permalink' => admin_url( 'admin.php?page=youtube-feed' ),
1243
- 'svgIcon' => '<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 22.5L22.785 18L15 13.5V22.5ZM32.34 10.755C32.535 11.46 32.67 12.405 32.76 13.605C32.865 14.805 32.91 15.84 32.91 16.74L33 18C33 21.285 32.76 23.7 32.34 25.245C31.965 26.595 31.095 27.465 29.745 27.84C29.04 28.035 27.75 28.17 25.77 28.26C23.82 28.365 22.035 28.41 20.385 28.41L18 28.5C11.715 28.5 7.8 28.26 6.255 27.84C4.905 27.465 6.035 26.595 3.66 25.245C3.465 24.54 3.33 23.595 3.24 22.395C3.135 21.195 3.09 20.16 3.09 19.26L3 18C3 14.715 3.24 12.3 3.66 10.755C6.035 9.405 4.905 8.535 6.255 8.16C6.96 7.965 8.25 7.83 10.23 7.74C12.18 7.635 13.965 7.59 15.615 7.59L18 7.5C24.285 7.5 28.2 7.74 29.745 8.16C31.095 8.535 31.965 9.405 32.34 10.755Z" fill="#EB2121"/></svg>',
1244
- 'installed' => $is_youtube_installed,
1245
- 'activated' => is_plugin_active( $youtube_plugin ),
1246
- 'plugin' => $youtube_plugin,
1247
- 'download_plugin' => 'https://downloads.wordpress.org/plugin/feeds-for-youtube.zip',
1248
  ),
1249
  );
1250
  }
@@ -1260,49 +1311,49 @@ class SBI_Feed_Builder {
1260
  * @since 6.0
1261
  */
1262
  public static function get_smashballoon_info() {
1263
- $smash_info = [
1264
- 'colorSchemes' => [
1265
- 'facebook' => '#006BFA',
1266
- 'twitter' => '#1B90EF',
1267
  'instagram' => '#BA03A7',
1268
- 'youtube' => '#EB2121',
1269
- 'linkedin' => '#007bb6',
1270
- 'mail' => '#666',
1271
- 'smash' => '#EB2121'
1272
- ],
1273
- 'upgrade' => [
1274
- 'name' => __( 'Upgrade to Pro', 'instagram-feed' ),
1275
- 'icon' => 'instagram',
1276
- 'link' => 'https://smashballoon.com/instagram-feed/'
1277
- ],
1278
- 'platforms' => [
1279
- [
1280
  'name' => __( 'Facebook Feed', 'instagram-feed' ),
1281
  'icon' => 'facebook',
1282
  'link' => 'https://smashballoon.com/custom-facebook-feed/?utm_campaign=instagram-free&utm_source=balloon&utm_medium=facebook'
1283
- ],
1284
- [
1285
  'name' => __( 'Twitter Feed', 'instagram-feed' ),
1286
  'icon' => 'twitter',
1287
  'link' => 'https://smashballoon.com/custom-twitter-feeds/?utm_campaign=instagram-free&utm_source=balloon&utm_medium=twitter'
1288
- ],
1289
- [
1290
  'name' => __( 'YouTube Feed', 'instagram-feed' ),
1291
  'icon' => 'youtube',
1292
  'link' => 'https://smashballoon.com/youtube-feed/?utm_campaign=instagram-free&utm_source=balloon&utm_medium=youtube'
1293
- ],
1294
- [
1295
  'name' => __( 'Social Wall Plugin', 'instagram-feed' ),
1296
  'icon' => 'smash',
1297
  'link' => 'https://smashballoon.com/social-wall/?utm_campaign=instagram-free&utm_source=balloon&utm_medium=social-wall ',
1298
- ]
1299
- ],
1300
  'socialProfiles' => array(
1301
  'facebook' => 'https://www.facebook.com/SmashBalloon/',
1302
- 'twitter' => 'https://twitter.com/smashballoon',
1303
  ),
1304
- 'morePlatforms' => ['instagram','youtube','twitter']
1305
- ];
1306
 
1307
  return $smash_info;
1308
  }
@@ -1324,54 +1375,54 @@ class SBI_Feed_Builder {
1324
  }
1325
 
1326
  if ( $sbi_statuses_option['legacy_onboarding']['active'] === false
1327
- || self::onboarding_status() === 'dismissed' ) {
1328
  return array( 'active' => false );
1329
  }
1330
 
1331
  $type = $sbi_statuses_option['legacy_onboarding']['type'];
1332
 
1333
  $text = array(
1334
- 'active' => true,
1335
- 'type' => $type,
1336
  'legacyFeeds' => array(
1337
- 'heading' => __( 'Legacy Feed Settings', 'instagram-feed' ),
1338
- 'description' => sprintf( __( 'These settings will impact %s legacy feeds on your site. You can learn more about what legacy feeds are and how they differ from new feeds %shere%s.', 'instagram-feed' ), '<span class="cff-fb-count-placeholder"></span>', '<a href="https://smashballoon.com/doc/instagram-legacy-feeds/" target="_blank" rel="noopener">', '</a>' ),
1339
  ),
1340
- 'getStarted' => __( 'You can now create and customize feeds individually. Click "Add New" to get started.', 'instagram-feed' ),
1341
  );
1342
 
1343
- if ($type === 'single') {
1344
  $text['tooltips'] = array(
1345
  array(
1346
- 'step' => 1,
1347
  'heading' => __( 'How you create a feed has changed', 'instagram-feed' ),
1348
- 'p' => __( 'You can now create and customize feeds individually without using shortcode options.', 'instagram-feed' ) . ' ' . __( 'Click "Add New" to get started.', 'instagram-feed' ),
1349
  'pointer' => 'top'
1350
  ),
1351
  array(
1352
- 'step' => 2,
1353
  'heading' => __( 'Your existing feed is here', 'instagram-feed' ),
1354
- 'p' => __( 'You can edit your existing feed from here, and all changes will only apply to this feed.', 'instagram-feed' ),
1355
  'pointer' => 'top'
1356
  )
1357
  );
1358
  } else {
1359
  $text['tooltips'] = array(
1360
  array(
1361
- 'step' => 1,
1362
  'heading' => __( 'How you create a feed has changed', 'instagram-feed' ),
1363
- 'p' => __( 'You can now create and customize feeds individually without using shortcode options.', 'instagram-feed' ) . ' ' . __( 'Click "Add New" to get started.', 'instagram-feed' ),
1364
  'pointer' => 'top'
1365
  ),
1366
  array(
1367
- 'step' => 2,
1368
  'heading' => __( 'Your existing feeds are under "Legacy" feeds', 'instagram-feed' ),
1369
- 'p' => __( 'You can edit the settings for any existing "legacy" feed (i.e. any feed created prior to this update) here.', 'instagram-feed' ) . ' ' . __( 'This works just like the old settings page and affects all legacy feeds on your site.', 'instagram-feed' )
1370
  ),
1371
  array(
1372
- 'step' => 3,
1373
  'heading' => __( 'Existing feeds work as normal', 'instagram-feed' ),
1374
- 'p' => __( 'You don\'t need to update or change any of your existing feeds. They will continue to work as usual.', 'instagram-feed' ) . ' ' . __( 'This update only affects how new feeds are created and customized.', 'instagram-feed' )
1375
  )
1376
  );
1377
  }
@@ -1386,25 +1437,25 @@ class SBI_Feed_Builder {
1386
  }
1387
 
1388
  $text = array(
1389
- 'active' => true,
1390
- 'type' => 'customizer',
1391
  'tooltips' => array(
1392
  array(
1393
- 'step' => 1,
1394
  'heading' => __( 'Embedding a Feed', 'instagram-feed' ),
1395
- 'p' => __( 'After you are done customizing the feed, click here to add it to a page or a widget.', 'instagram-feed' ),
1396
  'pointer' => 'top'
1397
  ),
1398
  array(
1399
- 'step' => 2,
1400
  'heading' => __( 'Customize', 'instagram-feed' ),
1401
- 'p' => __( 'Change your feed layout, color scheme, or customize individual feed sections here.', 'instagram-feed' ),
1402
  'pointer' => 'top'
1403
  ),
1404
  array(
1405
- 'step' => 3,
1406
  'heading' => __( 'Settings', 'instagram-feed' ),
1407
- 'p' => __( 'Update your feed source, filter your posts, or change advanced settings here.', 'instagram-feed' ),
1408
  'pointer' => 'top'
1409
  )
1410
  )
@@ -1421,178 +1472,178 @@ class SBI_Feed_Builder {
1421
  * @since 6.0
1422
  */
1423
  public function get_customize_screens_text() {
1424
- $text = [
1425
- 'common' => [
1426
- 'preview' => __( 'Preview', 'instagram-feed' ),
1427
- 'help' => __( 'Help', 'instagram-feed' ),
1428
- 'embed' => __( 'Embed', 'instagram-feed' ),
1429
- 'save' => __( 'Save', 'instagram-feed' ),
1430
- 'sections' => __( 'Sections', 'instagram-feed' ),
1431
- 'enable' => __( 'Enable', 'instagram-feed' ),
1432
- 'background' => __( 'Background', 'instagram-feed' ),
1433
- 'text' => __( 'Text', 'instagram-feed' ),
1434
- 'inherit' => __( 'Inherit from Theme', 'instagram-feed' ),
1435
- 'size' => __( 'Size', 'instagram-feed' ),
1436
- 'color' => __( 'Color', 'instagram-feed' ),
1437
- 'height' => __( 'Height', 'instagram-feed' ),
1438
- 'placeholder' => __( 'Placeholder', 'instagram-feed' ),
1439
- 'select' => __( 'Select', 'instagram-feed' ),
1440
- 'enterText' => __( 'Enter Text', 'instagram-feed' ),
1441
- 'hoverState' => __( 'Hover State', 'instagram-feed' ),
1442
- 'sourceCombine' => __( 'Combine sources from multiple platforms using our Social Wall plugin', 'instagram-feed' ),
1443
- ],
1444
-
1445
- 'tabs' => [
1446
  'customize' => __( 'Customize', 'instagram-feed' ),
1447
- 'settings' => __( 'Settings', 'instagram-feed' ),
1448
- ],
1449
- 'overview' => [
1450
- 'feedLayout' => __( 'Feed Layout', 'instagram-feed' ),
1451
  'colorScheme' => __( 'Color Scheme', 'instagram-feed' ),
1452
- 'header' => __( 'Header', 'instagram-feed' ),
1453
- 'posts' => __( 'Posts', 'instagram-feed' ),
1454
- 'likeBox' => __( 'Like Box', 'instagram-feed' ),
1455
- 'loadMore' => __( 'Load More Button', 'instagram-feed' ),
1456
- ],
1457
- 'feedLayoutScreen' => [
1458
- 'layout' => __( 'Layout', 'instagram-feed' ),
1459
- 'list' => __( 'List', 'instagram-feed' ),
1460
- 'grid' => __( 'Grid', 'instagram-feed' ),
1461
- 'masonry' => __( 'Masonry', 'instagram-feed' ),
1462
- 'carousel' => __( 'Carousel', 'instagram-feed' ),
1463
  'feedHeight' => __( 'Feed Height', 'instagram-feed' ),
1464
- 'number' => __( 'Number of Posts', 'instagram-feed' ),
1465
- 'columns' => __( 'Columns', 'instagram-feed' ),
1466
- 'desktop' => __( 'Desktop', 'instagram-feed' ),
1467
- 'tablet' => __( 'Tablet', 'instagram-feed' ),
1468
- 'mobile' => __( 'Mobile', 'instagram-feed' ),
1469
- 'bottomArea' => [
1470
- 'heading' => __( 'Tweak Post Styles', 'instagram-feed' ),
1471
  'description' => __( 'Change post background, border radius, shadow etc.', 'instagram-feed' ),
1472
- ]
1473
- ],
1474
- 'colorSchemeScreen' => [
1475
- 'scheme' => __( 'Scheme', 'instagram-feed' ),
1476
- 'light' => __( 'Light', 'instagram-feed' ),
1477
- 'dark' => __( 'Dark', 'instagram-feed' ),
1478
- 'custom' => __( 'Custom', 'instagram-feed' ),
1479
  'customPalette' => __( 'Custom Palette', 'instagram-feed' ),
1480
- 'background2' => __( 'Background 2', 'instagram-feed' ),
1481
- 'text2' => __( 'Text 2', 'instagram-feed' ),
1482
- 'link' => __( 'Link', 'instagram-feed' ),
1483
- 'bottomArea' => [
1484
- 'heading' => __( 'Overrides', 'instagram-feed' ),
1485
  'description' => __( 'Colors that have been overridden from individual post element settings will not change. To change them, you will have to reset overrides.', 'instagram-feed' ),
1486
- 'ctaButton' => __( 'Reset Overrides.', 'instagram-feed' ),
1487
- ]
1488
- ],
1489
- 'headerScreen' => [
1490
- 'headerType' => __( 'Header Type', 'instagram-feed' ),
1491
- 'visual' => __( 'Visual', 'instagram-feed' ),
1492
- 'coverPhoto' => __( 'Cover Photo', 'instagram-feed' ),
1493
- 'nameAndAvatar' => __( 'Name and avatar', 'instagram-feed' ),
1494
- 'about' => __( 'About (bio and Likes)', 'instagram-feed' ),
1495
  'displayOutside' => __( 'Display outside scrollable area', 'instagram-feed' ),
1496
- 'icon' => __( 'Icon', 'instagram-feed' ),
1497
- 'iconImage' => __( 'Icon Image', 'instagram-feed' ),
1498
- 'iconColor' => __( 'Icon Color', 'instagram-feed' ),
1499
- ],
1500
  // all Lightbox in common
1501
  // all Load More in common
1502
- 'likeBoxScreen' => [
1503
- 'small' => __( 'Small', 'instagram-feed' ),
1504
- 'large' => __( 'Large', 'instagram-feed' ),
1505
- 'coverPhoto' => __( 'Cover Photo', 'instagram-feed' ),
1506
- 'customWidth' => __( 'Custom Width', 'instagram-feed' ),
1507
- 'defaultSetTo' => __( 'By default, it is set to auto', 'instagram-feed' ),
1508
- 'width' => __( 'Width', 'instagram-feed' ),
1509
- 'customCTA' => __( 'Custom CTA', 'instagram-feed' ),
1510
- 'customCTADescription' => __( 'This toggles the custom CTA like "Show now" and "Contact"', 'instagram-feed' ),
1511
- 'showFans' => __( 'Show Fans', 'instagram-feed' ),
1512
- 'showFansDescription' => __( 'Show visitors which of their friends follow your page', 'instagram-feed' ),
1513
- 'displayOutside' => __( 'Display outside scrollable area', 'instagram-feed' ),
1514
  'displayOutsideDescription' => __( 'Make the like box fixed by moving it outside the scrollable area', 'instagram-feed' ),
1515
- ],
1516
- 'postsScreen' => [
1517
- 'thumbnail' => __( 'Thumbnail', 'instagram-feed' ),
1518
- 'half' => __( 'Half width', 'instagram-feed' ),
1519
- 'full' => __( 'Full width', 'instagram-feed' ),
1520
- 'useFull' => __( 'Use full width layout when post width is less than 500px', 'instagram-feed' ),
1521
- 'postStyle' => __( 'Post Style', 'instagram-feed' ),
1522
- 'editIndividual' => __( 'Edit Individual Elements', 'instagram-feed' ),
1523
- 'individual' => [
1524
- 'description' => __( 'Hide or show individual elements of a post or edit their options', 'instagram-feed' ),
1525
- 'name' => __( 'Name', 'instagram-feed' ),
1526
- 'edit' => __( 'Edit', 'instagram-feed' ),
1527
- 'postAuthor' => __( 'Post Author', 'instagram-feed' ),
1528
- 'postText' => __( 'Post Text', 'instagram-feed' ),
1529
- 'date' => __( 'Date', 'instagram-feed' ),
1530
- 'photosVideos' => __( 'Photos/Videos', 'instagram-feed' ),
1531
- 'likesShares' => __( 'Likes, Shares and Comments', 'instagram-feed' ),
1532
- 'eventTitle' => __( 'Event Title', 'instagram-feed' ),
1533
- 'eventDetails' => __( 'Event Details', 'instagram-feed' ),
1534
- 'postAction' => __( 'Post Action Links', 'instagram-feed' ),
1535
- 'sharedPostText' => __( 'Shared Post Text', 'instagram-feed' ),
1536
- 'sharedLinkBox' => __( 'Shared Link Box', 'instagram-feed' ),
1537
- 'postTextDescription' => __( 'The main text of the Instagram post', 'instagram-feed' ),
1538
- 'maxTextLength' => __( 'Maximum Text Length', 'instagram-feed' ),
1539
- 'characters' => __( 'Characters', 'instagram-feed' ),
1540
- 'linkText' => __( 'Link text to Instagram post', 'instagram-feed' ),
1541
- 'postDateDescription' => __( 'The date of the post', 'instagram-feed' ),
1542
- 'format' => __( 'Format', 'instagram-feed' ),
1543
- 'custom' => __( 'Custom', 'instagram-feed' ),
1544
- 'learnMoreFormats' => '<a href="https://smashballoon.com/doc/date-formatting-reference/" target="_blank" rel="noopener">' . __( 'Learn more about custom formats', 'instagram-feed' ) . '</a>',
1545
- 'addTextBefore' => __( 'Add text before date', 'instagram-feed' ),
1546
- 'addTextBeforeEG' => __( 'E.g. Posted', 'instagram-feed' ),
1547
- 'addTextAfter' => __( 'Add text after date', 'instagram-feed' ),
1548
- 'addTextAfterEG' => __( 'E.g. - posted date', 'instagram-feed' ),
1549
- 'timezone' => __( 'Timezone', 'instagram-feed' ),
1550
- 'tzDescription' => __( 'Timezone settings are global across all feeds. To update it use the global settings.', 'instagram-feed' ),
1551
- 'tzCTAText' => __( 'Go to Global Settings', 'instagram-feed' ),
1552
- 'photosVideosDescription' => __( 'Any photos or videos in your posts', 'instagram-feed' ),
1553
- 'useOnlyOne' => __( 'Use only one image per post', 'instagram-feed' ),
1554
  'postActionLinksDescription' => __( 'The "View on Instagram" and "Share" links at the bottom of each post', 'instagram-feed' ),
1555
- 'viewOnFBLink' => __( 'View on Instagram link', 'instagram-feed' ),
1556
- 'viewOnFBLinkDescription' => __( 'Toggle "View on Instagram" link below each post', 'instagram-feed' ),
1557
- 'customizeText' => __( 'Customize Text', 'instagram-feed' ),
1558
- 'shareLink' => __( 'Share Link', 'instagram-feed' ),
1559
- 'shareLinkDescription' => __( 'Toggle "Share" link below each post', 'instagram-feed' ),
1560
- 'likesSharesDescription' => __( 'The comments box displayed at the bottom of each timeline post', 'instagram-feed' ),
1561
- 'iconTheme' => __( 'Icon Theme', 'instagram-feed' ),
1562
- 'auto' => __( 'Auto', 'instagram-feed' ),
1563
- 'light' => __( 'Light', 'instagram-feed' ),
1564
- 'dark' => __( 'Dark', 'instagram-feed' ),
1565
- 'expandComments' => __( 'Expand comments box by default', 'instagram-feed' ),
1566
- 'hideComment' => __( 'Hide comment avatars', 'instagram-feed' ),
1567
- 'showLightbox' => __( 'Show comments in lightbox', 'instagram-feed' ),
1568
- 'eventTitleDescription' => __( 'The title of an event', 'instagram-feed' ),
1569
- 'eventDetailsDescription' => __( 'The information associated with an event', 'instagram-feed' ),
1570
- 'textSize' => __( 'Text Size', 'instagram-feed' ),
1571
- 'textColor' => __( 'Text Color', 'instagram-feed' ),
1572
- 'sharedLinkBoxDescription' => __( "The link info box that's created when a link is shared in a Instagram post", 'instagram-feed' ),
1573
- 'boxStyle' => __( 'Box Style', 'instagram-feed' ),
1574
- 'removeBackground' => __( 'Remove background/border', 'instagram-feed' ),
1575
- 'linkTitle' => __( 'Link Title', 'instagram-feed' ),
1576
- 'linkURL' => __( 'Link URL', 'instagram-feed' ),
1577
- 'linkDescription' => __( 'Link Description', 'instagram-feed' ),
1578
- 'chars' => __( 'chars', 'instagram-feed' ),
1579
- 'sharedPostDescription' => __( 'The description text associated with shared photos, videos, or links', 'instagram-feed' ),
1580
- ],
1581
- 'postType' => __( 'Post Type', 'instagram-feed' ),
1582
- 'boxed' => __( 'boxed', 'instagram-feed' ),
1583
- 'regular' => __( 'Regular', 'instagram-feed' ),
1584
  'indvidualProperties' => __( 'Individual Properties', 'instagram-feed' ),
1585
- 'backgroundColor' => __( 'Background Color', 'instagram-feed' ),
1586
- 'borderRadius' => __( 'Border Radius', 'instagram-feed' ),
1587
- 'boxShadow' => __( 'Box Shadow', 'instagram-feed' ),
1588
- ],
1589
- 'shoppableFeedScreen' => [
1590
- 'heading1' => __( 'Upgrade to Pro and make your Instagram Feed Shoppable', 'instagram-feed' ),
1591
  'description1' => __( 'This feature links the post to the one specified in your caption.<br/><br/>Don’t want to add links to the caption? You can add links manually to each post.<br/><br><br>', 'instagram-feed' ),
1592
- 'heading2' => __( 'Tap “Add” or “Update” on an<br/>image to add/update it’s URL', 'instagram-feed' ),
1593
 
1594
- ]
1595
- ];
1596
 
1597
  $text['onboarding'] = $this->get_customizer_onboarding_text();
1598
 
@@ -1609,33 +1660,33 @@ class SBI_Feed_Builder {
1609
  * @since 6.0
1610
  */
1611
 
1612
- public static function get_source_list( $page = 1 ) {
1613
  $args['page'] = $page;
1614
- $source_data = SBI_Db::source_query( $args );
1615
- $encryption = new \SB_Instagram_Data_Encryption();
1616
 
1617
  $return = array();
1618
  foreach ( $source_data as $source ) {
1619
- $info = ! empty( $source['info'] ) ? json_decode( $encryption->decrypt( $source['info'] ), true ) : array();
1620
  $source['header_data'] = $info;
1621
 
1622
- $settings = [ 'gdpr' => 'no' ];
1623
 
1624
  $avatar = \SB_Instagram_Parse::get_avatar( $info, $settings );
1625
 
1626
  if ( \SB_Instagram_Connected_Account::local_avatar_exists( $source['username'] ) ) {
1627
  $source['local_avatar_url'] = \SB_Instagram_Connected_Account::get_local_avatar_url( $source['username'] );
1628
- $source['local_avatar'] = \SB_Instagram_Connected_Account::get_local_avatar_url( $source['username'] );
1629
  } else {
1630
  $source['local_avatar'] = false;
1631
  }
1632
 
1633
  $source['avatar_url'] = is_bool( $avatar ) ? \SB_Instagram_Parse::get_avatar_url( $info, $settings ) : false;
1634
- $source['just_added'] = (! empty( $_GET['sbi_username'] ) && isset( $info['username'] ) && $info['username'] === $_GET['sbi_username'] );
1635
 
1636
- $source['error_encryption'] = false;
1637
  if ( isset( $source['access_token'] ) && strpos( $source['access_token'], 'IG' ) === false && strpos( $source['access_token'], 'EA' ) === false && ! $encryption->decrypt( $source['access_token'] ) ) {
1638
- $source['error_encryption'] = true;
1639
  }
1640
  $return[] = $source;
1641
  }
@@ -1652,36 +1703,36 @@ class SBI_Feed_Builder {
1652
  */
1653
  public static function get_links_with_utm() {
1654
  $license_key = null;
1655
- if ( get_option('sbi_license_key') ) {
1656
- $license_key = get_option('sbi_license_key');
1657
  }
1658
- $all_access_bundle = sprintf('https://smashballoon.com/all-access/?license_key=%s&upgrade=true&utm_campaign=instagram-free&utm_source=all-feeds&utm_medium=footer-banner&utm_content=learn-more', $license_key);
1659
- $all_access_bundle_popup = sprintf('https://smashballoon.com/all-access/?license_key=%s&upgrade=true&utm_campaign=instagram-free&utm_source=balloon&utm_medium=all-access', $license_key);
1660
- $sourceCombineCTA = sprintf('https://smashballoon.com/social-wall/?license_key=%s&upgrade=true&utm_campaign=instagram-free&utm_source=customizer&utm_medium=sources&utm_content=social-wall', $license_key);
1661
 
1662
  return array(
1663
- 'allAccessBundle' => $all_access_bundle,
1664
- 'popup' => array(
1665
  'allAccessBundle' => $all_access_bundle_popup,
1666
- 'fbProfile' => 'https://www.facebook.com/SmashBalloon/',
1667
- 'twitterProfile' => 'https://twitter.com/smashballoon',
1668
  ),
1669
  'sourceCombineCTA' => $sourceCombineCTA,
1670
- 'multifeedCTA' => 'https://smashballoon.com/extensions/multifeed/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=sources&utm_content=multifeed',
1671
- 'doc' => 'https://smashballoon.com/docs/instagram/?utm_campaign=instagram-free&utm_source=support&utm_medium=view-documentation-button&utm_content=view-documentation',
1672
- 'blog' => 'https://smashballoon.com/blog/?utm_campaign=instagram-free&utm_source=support&utm_medium=view-blog-button&utm_content=view-blog',
1673
- 'gettingStarted' => 'https://smashballoon.com/docs/getting-started/?instagram&utm_campaign=instagram-free&utm_source=support&utm_medium=getting-started-button&utm_content=getting-started',
1674
  );
1675
  }
1676
 
1677
  public static function get_social_wall_links() {
1678
  return array(
1679
- '<a href="'. esc_url( admin_url( 'admin.php?page=sbi-feed-builder' ) ) . '">' . __( 'All Feeds', 'instagram-feed' ) . '</a>',
1680
- '<a href="'. esc_url( admin_url( 'admin.php?page=sbi-settings' ) ) . '">' . __( 'Settings', 'instagram-feed' ) . '</a>',
1681
- '<a href="'. esc_url( admin_url( 'admin.php?page=sbi-oembeds-manager' ) ) . '">' . __( 'oEmbeds', 'instagram-feed' ) . '</a>',
1682
- '<a href="'. esc_url( admin_url( 'admin.php?page=sbi-extensions-manager' ) ) . '">' . __( 'Extensions', 'instagram-feed' ) . '</a>',
1683
- '<a href="'. esc_url( admin_url( 'admin.php?page=sbi-about-us' ) ) . '">' . __( 'About Us', 'instagram-feed' ) . '</a>',
1684
- '<a href="'. esc_url( admin_url( 'admin.php?page=sbi-support' ) ) . '">' . __( 'Support', 'instagram-feed' ) . '</a>',
1685
  );
1686
  }
1687
 
@@ -1700,8 +1751,8 @@ class SBI_Feed_Builder {
1700
 
1701
  $i = 0;
1702
  foreach ( $feeds_data as $single_feed ) {
1703
- $args = array(
1704
- 'feed_id' => '*' . $single_feed['id'],
1705
  'html_location' => array( 'content' ),
1706
  );
1707
  $count = \SB_Instagram_Feed_Locator::count( $args );
@@ -1711,10 +1762,10 @@ class SBI_Feed_Builder {
1711
  // if this is the last page, add in the header footer and sidebar locations
1712
  if ( count( $content_locations ) < SBI_Db::RESULTS_PER_PAGE ) {
1713
 
1714
- $args = array(
1715
- 'feed_id' => '*' . $single_feed['id'],
1716
  'html_location' => array( 'header', 'footer', 'sidebar' ),
1717
- 'group_by' => 'html_location'
1718
  );
1719
  $other_locations = \SB_Instagram_Feed_Locator::instagram_feed_locator_query( $args );
1720
 
@@ -1747,16 +1798,16 @@ class SBI_Feed_Builder {
1747
  }
1748
  $full_shortcode_string .= ']';
1749
 
1750
- $locations[] = [
1751
- 'link' => esc_url( get_the_permalink( $location['post_id'] ) ),
1752
- 'page_text' => $page_text,
1753
  'html_location' => $html_location,
1754
- 'shortcode' => $full_shortcode_string
1755
- ];
1756
  }
1757
- $feeds_data[ $i ]['instance_count'] = $count;
1758
  $feeds_data[ $i ]['location_summary'] = $locations;
1759
- $settings = json_decode( $feeds_data[ $i ]['settings'], true );
1760
 
1761
  $settings['feed'] = $single_feed['id'];
1762
 
@@ -1764,8 +1815,6 @@ class SBI_Feed_Builder {
1764
 
1765
  $feeds_data[ $i ]['settings'] = $instagram_feed_settings->get_settings();
1766
 
1767
-
1768
-
1769
  $i++;
1770
  }
1771
  return $feeds_data;
@@ -1785,26 +1834,26 @@ class SBI_Feed_Builder {
1785
  $sbi_statuses = get_option( 'sbi_statuses', array() );
1786
  $sources_list = self::get_source_list();
1787
  if ( empty( $sbi_statuses['support_legacy_shortcode'] ) ) {
1788
- return [];
1789
  }
1790
 
1791
- $args = array(
1792
  'html_location' => array( 'header', 'footer', 'sidebar', 'content' ),
1793
- 'group_by' => 'shortcode_atts',
1794
- 'page' => 1
1795
  );
1796
  $feeds_data = \SB_Instagram_Feed_Locator::legacy_instagram_feed_locator_query( $args );
1797
  if ( empty( $feeds_data ) ) {
1798
- $args = array(
1799
  'html_location' => array( 'header', 'footer', 'sidebar', 'content' ),
1800
- 'group_by' => 'shortcode_atts',
1801
- 'page' => 1
1802
  );
1803
  $feeds_data = \SB_Instagram_Feed_Locator::legacy_instagram_feed_locator_query( $args );
1804
  }
1805
 
1806
  $feed_saver = new SBI_Feed_Saver( 'legacy' );
1807
- $settings = $feed_saver->get_feed_settings();
1808
 
1809
  $default_type = 'timeline';
1810
 
@@ -1816,22 +1865,22 @@ class SBI_Feed_Builder {
1816
  $default_type = $settings['type'];
1817
  }
1818
  }
1819
- $i = 0;
1820
  $reindex = false;
1821
  foreach ( $feeds_data as $single_feed ) {
1822
- $args = array(
1823
  'shortcode_atts' => $single_feed['shortcode_atts'],
1824
- 'html_location' => array( 'content' ),
1825
  );
1826
  $content_locations = \SB_Instagram_Feed_Locator::instagram_feed_locator_query( $args );
1827
 
1828
  $count = \SB_Instagram_Feed_Locator::count( $args );
1829
  if ( count( $content_locations ) < SBI_Db::RESULTS_PER_PAGE ) {
1830
 
1831
- $args = array(
1832
- 'feed_id' => $single_feed['feed_id'],
1833
  'html_location' => array( 'header', 'footer', 'sidebar' ),
1834
- 'group_by' => 'html_location'
1835
  );
1836
  $other_locations = \SB_Instagram_Feed_Locator::instagram_feed_locator_query( $args );
1837
 
@@ -1866,12 +1915,12 @@ class SBI_Feed_Builder {
1866
  }
1867
  $full_shortcode_string .= ']';
1868
 
1869
- $locations[] = [
1870
- 'link' => esc_url( get_the_permalink( $location['post_id'] ) ),
1871
- 'page_text' => $page_text,
1872
  'html_location' => $html_location,
1873
- 'shortcode' => $full_shortcode_string
1874
- ];
1875
  }
1876
  $shortcode_atts = json_decode( $feeds_data[ $i ]['shortcode_atts'], true );
1877
  $shortcode_atts = is_array( $shortcode_atts ) ? $shortcode_atts : array();
@@ -1887,11 +1936,11 @@ class SBI_Feed_Builder {
1887
  }
1888
  $full_shortcode_string .= ']';
1889
 
1890
- $feeds_data[ $i ]['shortcode'] = $full_shortcode_string;
1891
- $feeds_data[ $i ]['instance_count'] = $count;
1892
  $feeds_data[ $i ]['location_summary'] = $locations;
1893
- $feeds_data[ $i ]['feed_name'] = self::get_legacy_feed_name($sources_list , $feeds_data[ $i ]['feed_id']);
1894
- $feeds_data[ $i ]['feed_type'] = $default_type;
1895
 
1896
  if ( isset( $shortcode_atts['feedtype'] ) ) {
1897
  $feeds_data[ $i ]['feed_type'] = $shortcode_atts['feedtype'];
@@ -1937,16 +1986,16 @@ class SBI_Feed_Builder {
1937
  // if there were no feeds found in the locator table we still want the legacy settings to be available
1938
  // if it appears as though they had used version 3.x or under at some point.
1939
  if ( empty( $feeds_data )
1940
- && ! is_array( $sbi_statuses['support_legacy_shortcode'] )
1941
- && ( $sbi_statuses['support_legacy_shortcode'] ) ) {
1942
 
1943
  $feeds_data = array(
1944
  array(
1945
- 'feed_id' => __( 'Legacy Feed', 'instagram-feed' ) . ' ' . __( '(unknown location)', 'instagram-feed' ),
1946
- 'feed_name' => __( 'Legacy Feed', 'instagram-feed' ) . ' ' . __( '(unknown location)', 'instagram-feed' ),
1947
- 'shortcode' => '[instagram-feed]',
1948
- 'feed_type' => '',
1949
- 'instance_count' => false,
1950
  'location_summary' => array()
1951
  )
1952
  );
@@ -1956,8 +2005,8 @@ class SBI_Feed_Builder {
1956
  }
1957
 
1958
  public static function get_legacy_feed_name( $sources_list, $source_id ) {
1959
- foreach ($sources_list as $source) {
1960
- if($source['account_id'] == $source_id){
1961
  return $source['username'];
1962
  }
1963
  }
@@ -1973,10 +2022,10 @@ class SBI_Feed_Builder {
1973
  */
1974
  public static function onboarding_status( $type = 'newuser' ) {
1975
  $onboarding_statuses = get_user_meta( get_current_user_id(), 'sbi_onboarding', true );
1976
- $status = false;
1977
  if ( ! empty( $onboarding_statuses ) ) {
1978
  $statuses = maybe_unserialize( $onboarding_statuses );
1979
- $status = isset( $statuses[ $type ] ) ? $statuses[ $type ] : false;
1980
  }
1981
 
1982
  return $status;
@@ -1992,7 +2041,7 @@ class SBI_Feed_Builder {
1992
  public static function update_onboarding_meta( $value, $type = 'newuser' ) {
1993
  $onboarding_statuses = get_user_meta( get_current_user_id(), 'sbi_onboarding', true );
1994
  if ( ! empty( $onboarding_statuses ) ) {
1995
- $statuses = maybe_unserialize( $onboarding_statuses );
1996
  $statuses[ $type ] = $value;
1997
  } else {
1998
  $statuses = array(
@@ -2021,17 +2070,17 @@ class SBI_Feed_Builder {
2021
  if ( isset( $_POST['was_active'] ) ) {
2022
  $type = sanitize_key( $_POST['was_active'] );
2023
  }
2024
- SBI_Feed_Builder::update_onboarding_meta( 'dismissed', $type );
2025
  }
2026
  wp_die();
2027
  }
2028
 
2029
  public static function add_customizer_att( $atts ) {
2030
- if ( ! is_array( $atts ) ) {
2031
- $atts = [];
2032
- }
2033
- $atts['feedtype'] = 'customizer';
2034
- return $atts;
2035
  }
2036
 
2037
  /**
@@ -2039,7 +2088,7 @@ class SBI_Feed_Builder {
2039
  *
2040
  * @since 6.0
2041
  */
2042
- public function feed_builder(){
2043
  include_once SBI_BUILDER_DIR . 'templates/builder.php';
2044
  }
2045
 
@@ -2051,40 +2100,40 @@ class SBI_Feed_Builder {
2051
  * @since 6.0
2052
  */
2053
  public function get_feed_types() {
2054
- $feed_types = array(
2055
- array(
2056
- 'type' => 'user',
2057
- 'title'=> __( 'User Timeline', 'instagram-feed' ),
2058
- 'description'=> __( 'Fetch posts from yourInstagram profile', 'instagram-feed' ),
2059
- 'icon' => 'usertimelineIcon'
2060
- ),
2061
- /*
2062
- array(
2063
- 'type' => 'hashtag',
2064
- 'title' => __( 'Public Hashtag', 'instagram-feed' ),
2065
- 'description' => __( 'Fetch posts from a public Instagram hashtag', 'instagram-feed' ),
2066
- 'tooltip' => __( 'Hashtag feeds require a connected Instagram business account', 'instagram-feed' ),
2067
- 'businessRequired' => true,
2068
- 'icon' => 'publichashtagIcon'
2069
- ),
2070
- array(
2071
- 'type' => 'tagged',
2072
- 'title' => __( 'Tagged Posts', 'instagram-feed' ),
2073
- 'description' => __( 'Display posts your Instagram account has been tagged in', 'instagram-feed' ),
2074
- 'tooltip' => __( 'Tagged posts feeds require a connected Instagram business account', 'instagram-feed' ),
2075
- 'businessRequired' => true,
2076
- 'icon' => 'taggedpostsIcon'
2077
- ),
2078
- array(
2079
- 'type' => 'socialwall',
2080
- 'title' => __( 'Social Wall', 'instagram-feed' ) . '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.94901 13.7934L6.86234 11.2401C7.90901 10.8534 8.88901 10.3334 9.79568 9.72677L7.94901 13.7934ZM2.95568 7.33344L0.402344 6.24677L4.46901 4.4001C3.86234 5.30677 3.34234 6.28677 2.95568 7.33344ZM13.6023 0.593436C13.6023 0.593436 10.3023 -0.820564 6.52901 2.95344C5.06901 4.41344 4.19568 6.0201 3.62901 7.42677C3.44234 7.92677 3.56901 8.47344 3.93568 8.84677L5.35568 10.2601C5.72234 10.6334 6.26901 10.7534 6.76901 10.5668C8.44804 9.92657 9.97256 8.93825 11.2423 7.66677C15.0157 3.89344 13.6023 0.593436 13.6023 0.593436ZM8.88901 5.30677C8.36901 4.78677 8.36901 3.9401 8.88901 3.4201C9.40901 2.9001 10.2557 2.9001 10.7757 3.4201C11.289 3.9401 11.2957 4.78677 10.7757 5.30677C10.2557 5.82677 9.40901 5.82677 8.88901 5.30677ZM4.02247 13.0001L5.78234 11.2401C5.55568 11.1801 5.33568 11.0801 5.13568 10.9401L3.08247 13.0001H4.02247ZM1.1958 13.0001H2.1358L4.64901 10.4934L3.70234 9.55344L1.1958 12.0601V13.0001ZM1.1958 11.1134L3.25568 9.0601C3.11568 8.8601 3.01568 8.64677 2.95568 8.41344L1.1958 10.1734V11.1134Z" fill="#FE544F"/></svg>',
2081
- 'description' => __( 'Create a feed with sources from different social platforms', 'instagram-feed' ),
2082
- 'icon' => 'socialwall1Icon'
2083
- )
2084
- */
2085
- );
2086
-
2087
- return $feed_types;
2088
  }
2089
 
2090
  /**
@@ -2096,33 +2145,53 @@ class SBI_Feed_Builder {
2096
  */
2097
  public function get_advanced_feed_types() {
2098
  $feed_types = array(
2099
- array(
2100
- 'type' => 'hashtag',
2101
- 'title' => __( 'Public Hashtag', 'instagram-feed' ),
2102
- 'description' => __( 'Fetch posts from a public Instagram hashtag', 'instagram-feed' ),
2103
- 'tooltip' => __( 'Hashtag feeds require a connected Instagram business account', 'instagram-feed' ),
2104
- 'businessRequired' => true,
2105
- 'icon' => 'publichashtagIcon'
2106
- ),
2107
- array(
2108
- 'type' => 'tagged',
2109
- 'title' => __( 'Tagged Posts', 'instagram-feed' ),
2110
- 'description' => __( 'Display posts your Instagram account has been tagged in', 'instagram-feed' ),
2111
- 'tooltip' => __( 'Tagged posts feeds require a connected Instagram business account', 'instagram-feed' ),
2112
- 'businessRequired' => true,
2113
- 'icon' => 'taggedpostsIcon'
2114
- ),
2115
- array(
2116
- 'type' => 'socialwall',
2117
- 'title' => __( 'Social Wall', 'instagram-feed' ),
2118
- 'description' => __( 'Create a feed with sources from different social platforms', 'instagram-feed' ),
2119
- 'icon' => 'socialwall1Icon'
2120
- )
2121
- );
2122
-
2123
- return $feed_types;
2124
  }
2125
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2126
 
2127
  }
2128
 
5
  * @since 6.0
6
  */
7
  namespace InstagramFeed\Builder;
8
+
9
  use InstagramFeed\Builder\Tabs\SBI_Styling_Tab;
10
  use InstagramFeed\Builder\SBI_Feed_Saver;
11
 
13
  class SBI_Feed_Builder {
14
  private static $instance;
15
  public static function instance() {
16
+ if ( null === self::$instance ) {
17
  self::$instance = new self();
18
  return self::$instance;
19
 
26
  *
27
  * @since 6.0
28
  */
29
+ function __construct() {
30
  $this->init();
31
  }
32
 
34
  * Init the Builder.
35
  *
36
  * @since 6.0
37
+ */
38
+ function init() {
39
+ if ( is_admin() ) {
40
+ add_action( 'admin_menu', array( $this, 'register_menu' ) );
41
  // add ajax listeners
42
  SBI_Feed_Saver_Manager::hooks();
43
  SBI_Source::hooks();
44
+ self::hooks();
45
  }
46
  }
47
 
62
  *
63
  * @since 6.0
64
  */
65
+ function register_menu() {
66
+ $cap = current_user_can( 'manage_instagram_feed_options' ) ? 'manage_instagram_feed_options' : 'manage_options';
67
+ $cap = apply_filters( 'sbi_settings_pages_capability', $cap );
68
 
69
  $feed_builder = add_submenu_page(
70
+ 'sb-instagram-feed',
71
+ __( 'All Feeds', 'instagram-feed' ),
72
+ __( 'All Feeds', 'instagram-feed' ),
73
+ $cap,
74
+ 'sbi-feed-builder',
75
+ array( $this, 'feed_builder' ),
76
+ 0
77
+ );
78
+ add_action( 'load-' . $feed_builder, array( $this, 'builder_enqueue_admin_scripts' ) );
79
  }
80
 
81
  /**
85
  *
86
  * @since 6.0
87
  */
88
+ public function builder_enqueue_admin_scripts() {
89
+ if ( get_current_screen() ) :
90
+ $screen = get_current_screen();
91
+ if ( strpos( $screen->id, 'sbi-feed-builder' ) !== false ) :
92
+ $installed_plugins = get_plugins();
93
 
94
+ $newly_retrieved_source_connection_data = SBI_Source::maybe_source_connection_data();
95
+ $license_key = get_option( 'sbi_license_key', '' );
96
+ $upgrade_url = 'https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=lite-upgrade-bar';
97
 
98
  $active_extensions = array(
99
+ // Fake
100
+ 'feedLayout' => false,
101
+ 'headerLayout' => false,
102
+ 'postStyling' => false,
103
+ 'lightbox' => false,
104
+ 'filtermoderation' => false,
105
+ 'shoppablefeed' => false,
106
 
107
  );
108
 
109
+ $sbi_builder = array(
110
+ 'ajax_handler' => admin_url( 'admin-ajax.php' ),
111
+ 'pluginType' => 'free',
112
+ 'licenseType' => sbi_is_pro_version() ? 'pro' : 'free',
113
+
114
+ 'builderUrl' => admin_url( 'admin.php?page=sbi-feed-builder' ),
115
+ 'upgradeUrl' => $upgrade_url,
116
+ 'activeExtensions' => $active_extensions,
117
+ 'pluginUrl' => trailingslashit( SBI_PLUGIN_URL ),
118
+
119
+ 'nonce' => wp_create_nonce( 'sbi-admin' ),
120
+ 'adminPostURL' => admin_url( 'post.php' ),
121
+ 'widgetsPageURL' => admin_url( 'widgets.php' ),
122
+ 'supportPageUrl' => admin_url( 'admin.php?page=sbi-support' ),
123
+ 'genericText' => self::get_generic_text(),
124
+ 'welcomeScreen' => array(
125
+ 'mainHeading' => __( 'All Feeds', 'instagram-feed' ),
126
+ 'createFeed' => __( 'Create your Feed', 'instagram-feed' ),
127
+ 'createFeedDescription' => __( 'Connect your Instagram account and choose a feed type', 'instagram-feed' ),
128
+ 'customizeFeed' => __( 'Customize your feed type', 'instagram-feed' ),
129
  'customizeFeedDescription' => __( 'Choose layouts, color schemes, styles and more', 'instagram-feed' ),
130
+ 'embedFeed' => __( 'Embed your feed', 'instagram-feed' ),
131
+ 'embedFeedDescription' => __( 'Easily add the feed anywhere on your website', 'instagram-feed' ),
132
+ 'customizeImgPath' => SBI_BUILDER_URL . 'assets/img/welcome-1.png',
133
+ 'embedImgPath' => SBI_BUILDER_URL . 'assets/img/welcome-2.png',
134
  ),
135
+ 'pluginsInfo' => array(
136
+ 'social_wall' => array(
137
+ 'installed' => isset( $installed_plugins['social-wall/social-wall.php'] ) ? true : false,
138
+ 'activated' => is_plugin_active( 'social-wall/social-wall.php' ),
139
  'settingsPage' => admin_url( 'admin.php?page=sbsw' ),
140
+ )
141
+ ),
142
+ 'allFeedsScreen' => array(
143
+ 'mainHeading' => __( 'All Feeds', 'instagram-feed' ),
144
+ 'columns' => array(
145
+ 'nameText' => __( 'Name', 'instagram-feed' ),
146
  'shortcodeText' => __( 'Shortcode', 'instagram-feed' ),
147
  'instancesText' => __( 'Instances', 'instagram-feed' ),
148
+ 'actionsText' => __( 'Actions', 'instagram-feed' ),
149
  ),
150
+ 'bulkActions' => __( 'Bulk Actions', 'instagram-feed' ),
151
+ 'legacyFeeds' => array(
152
+ 'heading' => __( 'Legacy Feeds', 'instagram-feed' ),
153
+ 'toolTip' => __( 'What are Legacy Feeds?', 'instagram-feed' ),
154
+ 'toolTipExpanded' => array(
155
  __( 'Legacy feeds are older feeds from before the version 6 update. You can edit settings for these feeds by using the "Settings" button to the right. These settings will apply to all legacy feeds, just like the settings before version 6, and work in the same way that they used to.', 'instagram-feed' ),
156
  __( 'You can also create a new feed, which will now have it\'s own individual settings. Modifying settings for new feeds will not affect other feeds.', 'instagram-feed' ),
157
  ),
159
  __( 'Legacy feeds represent shortcodes of old feeds found on your website before <br/>the version 6 update.', 'instagram-feed' ),
160
  __( 'To edit Legacy feed settings, you will need to use the "Settings" button above <br/>or edit their shortcode settings directly. To delete them, simply remove the <br/>shortcode wherever it is being used on your site.', 'instagram-feed' ),
161
  ),
162
+ 'show' => __( 'Show Legacy Feeds', 'instagram-feed' ),
163
+ 'hide' => __( 'Hide Legacy Feeds', 'instagram-feed' ),
164
  ),
165
+ 'socialWallLinks' => self::get_social_wall_links(),
166
+ 'onboarding' => $this->get_onboarding_text()
167
  ),
168
+ 'dialogBoxPopupScreen' => array(
169
  'deleteSourceCustomizer' => array(
170
+ 'heading' => __( 'Delete "#"?', 'instagram-feed' ),
171
  'description' => __( 'You are going to delete this source. To retrieve it, you will need to add it again. Are you sure you want to continue?', 'instagram-feed' ),
172
  ),
173
+ 'deleteSingleFeed' => array(
174
+ 'heading' => __( 'Delete "#"?', 'instagram-feed' ),
175
  'description' => __( 'You are going to delete this feed. You will lose all the settings. Are you sure you want to continue?', 'instagram-feed' ),
176
  ),
177
+ 'deleteMultipleFeeds' => array(
178
+ 'heading' => __( 'Delete Feeds?', 'instagram-feed' ),
179
  'description' => __( 'You are going to delete these feeds. You will lose all the settings. Are you sure you want to continue?', 'instagram-feed' ),
180
  ),
181
+ 'backAllToFeed' => array(
182
+ 'heading' => __( 'Are you Sure?', 'instagram-feed' ),
183
+ 'description' => __( 'Are you sure you want to leave this page, all unsaved settings will be lost, please make sure to save before leaving.', 'instagram-feed' ),
184
  'customButtons' => array(
185
  'confirm' => array(
186
  'text' => __( 'Save and Exit', 'instagram-feed' ),
192
  ),
193
  ),
194
  ),
195
+ 'unsavedFeedSources' => array(
196
+ 'heading' => __( 'You have unsaved changes', 'instagram-feed' ),
197
+ 'description' => __( 'If you exit without saving, all the changes you made will be reverted.', 'instagram-feed' ),
198
  'customButtons' => array(
199
+ 'confirm' => array(
200
+ 'text' => __( 'Save and Exit', 'instagram-feed' ),
201
  'color' => 'blue'
202
+ ),
203
+ 'cancel' => array(
204
+ 'text' => __( 'Exit without Saving', 'instagram-feed' ),
205
  'color' => 'red'
206
+ )
207
  )
208
  )
209
  ),
210
+ 'selectFeedTypeScreen' => array(
211
+ 'mainHeading' => __( 'Create an Instagram Feed', 'instagram-feed' ),
212
+ 'feedTypeHeading' => __( 'Select Feed Type', 'instagram-feed' ),
213
+ 'mainDescription' => __( 'Select one or more feed types. You can add or remove them later.', 'instagram-feed' ),
214
+ 'updateHeading' => __( 'Update Feed Type', 'instagram-feed' ),
215
+ 'advancedHeading' => __( 'Advanced Feeds', 'instagram-feed' ),
216
  'anotherFeedTypeHeading' => __( 'Add Another Source Type', 'instagram-feed' ),
217
+ ),
218
+ 'mainFooterScreen' => array(
219
+ 'heading' => sprintf( __( 'Upgrade to the %1$sAll Access Bundle%2$s to get all of our Pro Plugins', 'instagram-feed' ), '<strong>', '</strong>' ),
220
  'description' => __( 'Includes all Smash Balloon plugins for one low price: Instagram, Facebook, Twitter, YouTube, and Social Wall', 'instagram-feed' ),
221
+ 'promo' => sprintf( __( '%1$sBonus%2$s Lite users get %3$s50&#37; Off%4$s automatically applied at checkout', 'instagram-feed' ), '<span class="sbi-bld-ft-bns">', '</span>', '<strong>', '</strong>' ),
222
  ),
223
+ 'embedPopupScreen' => array(
224
+ 'heading' => __( 'Embed Feed', 'instagram-feed' ),
225
+ 'description' => __( 'Add the unique shortcode to any page, post, or widget:', 'instagram-feed' ),
226
  'description_2' => __( 'Or use the built in WordPress block or widget', 'instagram-feed' ),
227
+ 'addPage' => __( 'Add to a Page', 'instagram-feed' ),
228
+ 'addWidget' => __( 'Add to a Widget', 'instagram-feed' ),
229
+ 'selectPage' => __( 'Select Page', 'instagram-feed' ),
230
  ),
231
+ 'links' => self::get_links_with_utm(),
232
+ 'pluginsInfo' => array(
233
+ 'social_wall' => array(
234
+ 'installed' => isset( $installed_plugins['social-wall/social-wall.php'] ) ? true : false,
235
+ 'activated' => is_plugin_active( 'social-wall/social-wall.php' ),
236
  'settingsPage' => admin_url( 'admin.php?page=sbsw' ),
237
+ )
238
+ ),
239
+ 'selectSourceScreen' => self::select_source_screen_text(),
240
+ 'feedTypes' => $this->get_feed_types(),
241
+ 'advancedFeedTypes' => $this->get_advanced_feed_types(),
242
+ 'socialInfo' => $this->get_smashballoon_info(),
243
+ 'svgIcons' => $this->builder_svg_icons(),
244
+ 'installPluginsPopup' => $this->install_plugins_popup(),
245
+ 'feeds' => self::get_feed_list(),
246
+ 'itemsPerPage' => SBI_Db::RESULTS_PER_PAGE,
247
+ 'feedsCount' => SBI_Db::feeds_count(),
248
+ 'sources' => self::get_source_list(),
249
  'sourceConnectionURLs' => SBI_Source::get_connection_urls(),
250
 
251
+ 'legacyFeeds' => $this->get_legacy_feed_list(),
252
+ 'extensionsPopup' => array(
253
+ 'hashtag' => array(
254
+ 'heading' => __( 'Upgrade to Pro to get Hashtag Feeds', 'instagram-feed' ),
255
+ 'description' => __( 'Display posts from any public hashtag with an Instagram hashtag feed. Great for pulling in user-generated content associated with your brand, running promotional hashtag campaigns, engaging audiences at events, and more.', 'instagram-feed' ),
256
+ 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#cliphashtagpro0_506_22510)"><g clip-path="url(#cliphashtagpro1_506_22510)"><g filter="url(#filterhashtagpro0_ddd_506_22510)"><rect x="169.506" y="31.2762" width="158.634" height="180.446" rx="3.96584" transform="rotate(4 169.506 31.2762)" fill="white"/></g><g clip-path="url(#cliphashtagpro2_506_22510)"><rect x="169.506" y="31.2762" width="158.634" height="158.634" transform="rotate(4 169.506 31.2762)" fill="#0096CC"/></g><path d="M192.49 182.337L188.63 182.067L189.561 178.756C189.585 178.659 189.587 178.557 189.568 178.458C189.549 178.359 189.509 178.266 189.45 178.184C189.391 178.102 189.315 178.034 189.228 177.984C189.14 177.934 189.043 177.904 188.943 177.896L187.552 177.798C187.391 177.783 187.23 177.824 187.097 177.914C186.963 178.004 186.864 178.138 186.818 178.292L185.855 181.873L182.099 181.611L183.029 178.3C183.053 178.204 183.056 178.105 183.038 178.008C183.021 177.911 182.983 177.819 182.927 177.738C182.871 177.657 182.799 177.588 182.715 177.537C182.631 177.486 182.537 177.453 182.439 177.441L181.048 177.343C180.888 177.328 180.727 177.369 180.593 177.459C180.459 177.549 180.361 177.683 180.315 177.837L179.365 181.42L175.192 181.128C175.029 181.113 174.867 181.156 174.733 181.249C174.598 181.341 174.501 181.478 174.457 181.636L174.075 183.007C174.047 183.107 174.042 183.213 174.06 183.316C174.079 183.419 174.12 183.517 174.181 183.602C174.242 183.686 174.322 183.756 174.414 183.806C174.506 183.856 174.608 183.885 174.712 183.89L178.572 184.16L177.043 189.645L172.869 189.353C172.707 189.338 172.544 189.381 172.41 189.474C172.276 189.567 172.179 189.703 172.135 189.861L171.752 191.232C171.724 191.333 171.719 191.438 171.738 191.541C171.756 191.644 171.797 191.742 171.859 191.827C171.92 191.911 171.999 191.981 172.091 192.031C172.183 192.081 172.285 192.11 172.39 192.115L176.278 192.387L175.347 195.698C175.323 195.797 175.321 195.901 175.341 196.002C175.361 196.102 175.403 196.197 175.464 196.279C175.525 196.361 175.603 196.429 175.694 196.478C175.784 196.527 175.884 196.555 175.986 196.56L177.377 196.658C177.532 196.664 177.685 196.619 177.812 196.529C177.938 196.44 178.031 196.31 178.076 196.161L179.053 192.581L182.809 192.844L181.879 196.155C181.855 196.25 181.852 196.35 181.869 196.447C181.887 196.543 181.925 196.635 181.981 196.717C182.036 196.798 182.109 196.866 182.193 196.917C182.277 196.969 182.371 197.001 182.469 197.014L183.86 197.111C184.02 197.126 184.181 197.085 184.315 196.995C184.448 196.905 184.547 196.771 184.593 196.617L185.577 193.037L189.751 193.329C189.913 193.344 190.076 193.301 190.21 193.208C190.344 193.115 190.441 192.979 190.485 192.821L190.861 191.45C190.889 191.349 190.894 191.243 190.875 191.14C190.857 191.037 190.816 190.94 190.754 190.855C190.693 190.77 190.614 190.7 190.522 190.65C190.43 190.6 190.328 190.572 190.223 190.566L186.342 190.295L187.865 184.81L192.038 185.102C192.201 185.116 192.363 185.073 192.498 184.981C192.632 184.888 192.729 184.751 192.773 184.594L193.155 183.223C193.184 183.119 193.189 183.011 193.169 182.906C193.149 182.801 193.106 182.701 193.041 182.616C192.977 182.53 192.894 182.461 192.798 182.412C192.703 182.364 192.597 182.338 192.49 182.337ZM183.56 190.1L179.804 189.838L181.334 184.353L185.09 184.616L183.56 190.1Z" fill="#0068A0"/><rect x="206.604" y="182.953" width="57.5047" height="13.8804" rx="1.98292" transform="rotate(4 206.604 182.953)" fill="#86D0F9"/><g filter="url(#filterhashtagpro1_ddd_506_22510)"><rect x="169.506" y="31.2762" width="158.634" height="180.446" rx="3.96584" transform="rotate(4 169.506 31.2762)" fill="white"/></g><g clip-path="url(#cliphashtagpro3_506_22510)"><rect x="169.506" y="31.2762" width="158.634" height="158.634" transform="rotate(4 169.506 31.2762)" fill="#0096CC"/><circle cx="183.84" cy="95.0859" r="92.2057" fill="#0068A0"/></g><path d="M192.49 182.337L188.63 182.067L189.561 178.756C189.585 178.659 189.587 178.557 189.568 178.458C189.549 178.359 189.509 178.266 189.45 178.184C189.391 178.102 189.315 178.034 189.228 177.984C189.14 177.934 189.043 177.904 188.943 177.896L187.552 177.798C187.391 177.783 187.23 177.824 187.097 177.914C186.963 178.004 186.864 178.138 186.818 178.292L185.855 181.873L182.099 181.611L183.029 178.3C183.053 178.204 183.056 178.105 183.038 178.008C183.021 177.911 182.983 177.819 182.927 177.738C182.871 177.657 182.799 177.588 182.715 177.537C182.631 177.486 182.537 177.453 182.439 177.441L181.048 177.343C180.888 177.328 180.727 177.369 180.593 177.459C180.459 177.549 180.361 177.683 180.315 177.837L179.365 181.42L175.192 181.128C175.029 181.113 174.867 181.156 174.733 181.249C174.598 181.341 174.501 181.478 174.457 181.636L174.075 183.007C174.047 183.107 174.042 183.213 174.06 183.316C174.079 183.419 174.12 183.517 174.181 183.602C174.242 183.686 174.322 183.756 174.414 183.806C174.506 183.856 174.608 183.885 174.712 183.89L178.572 184.16L177.043 189.645L172.869 189.353C172.707 189.338 172.544 189.381 172.41 189.474C172.276 189.567 172.179 189.703 172.135 189.861L171.752 191.232C171.724 191.333 171.719 191.438 171.738 191.541C171.756 191.644 171.797 191.742 171.859 191.827C171.92 191.911 171.999 191.981 172.091 192.031C172.183 192.081 172.285 192.11 172.39 192.115L176.278 192.387L175.347 195.698C175.323 195.797 175.321 195.901 175.341 196.002C175.361 196.102 175.403 196.197 175.464 196.279C175.525 196.361 175.603 196.429 175.694 196.478C175.784 196.527 175.884 196.555 175.986 196.56L177.377 196.658C177.532 196.664 177.685 196.619 177.812 196.529C177.938 196.44 178.031 196.31 178.076 196.161L179.053 192.581L182.809 192.844L181.879 196.155C181.855 196.25 181.852 196.35 181.869 196.447C181.887 196.543 181.925 196.635 181.981 196.717C182.036 196.798 182.109 196.866 182.193 196.917C182.277 196.969 182.371 197.001 182.469 197.014L183.86 197.111C184.02 197.126 184.181 197.085 184.315 196.995C184.448 196.905 184.547 196.771 184.593 196.617L185.577 193.037L189.751 193.329C189.913 193.344 190.076 193.301 190.21 193.208C190.344 193.115 190.441 192.979 190.485 192.821L190.861 191.45C190.889 191.349 190.894 191.243 190.875 191.14C190.857 191.037 190.816 190.94 190.754 190.855C190.693 190.77 190.614 190.7 190.522 190.65C190.43 190.6 190.328 190.572 190.223 190.566L186.342 190.295L187.865 184.81L192.038 185.102C192.201 185.116 192.363 185.073 192.498 184.981C192.632 184.888 192.729 184.751 192.773 184.594L193.155 183.223C193.184 183.119 193.189 183.011 193.169 182.906C193.149 182.801 193.106 182.701 193.041 182.616C192.977 182.53 192.894 182.461 192.798 182.412C192.703 182.364 192.597 182.338 192.49 182.337ZM183.56 190.1L179.804 189.838L181.334 184.353L185.09 184.616L183.56 190.1Z" fill="#0068A0"/><rect x="206.604" y="182.953" width="57.5047" height="13.8804" rx="1.98292" transform="rotate(4 206.604 182.953)" fill="#86D0F9"/><g filter="url(#filterhashtagpro2_ddd_506_22510)"><rect x="61.8896" y="48.4873" width="158.634" height="180.446" rx="3.96584" fill="white"/></g><g clip-path="url(#cliphashtagpro4_506_22510)"><rect x="61.8896" y="48.4873" width="158.634" height="158.634" fill="#F6966B"/><path d="M93.1149 104.67L218.7 230.255H-10.8174L93.1149 104.67Z" fill="#F9BBA0"/></g><path d="M95.3546 197.577H91.4848L92.1821 194.209C92.1992 194.11 92.1946 194.008 92.1687 193.911C92.1427 193.814 92.096 193.723 92.0317 193.646C91.9675 193.568 91.8872 193.506 91.7964 193.462C91.7056 193.419 91.6064 193.395 91.5057 193.394H90.1112C89.95 193.39 89.7925 193.442 89.6653 193.541C89.5382 193.64 89.4494 193.78 89.414 193.937L88.7028 197.577H84.9376L85.6348 194.209C85.6517 194.112 85.6479 194.013 85.6236 193.918C85.5992 193.822 85.555 193.733 85.4937 193.656C85.4325 193.579 85.3556 193.516 85.2682 193.47C85.1807 193.425 85.0847 193.399 84.9864 193.394H83.5919C83.4307 193.39 83.2731 193.442 83.146 193.541C83.0189 193.64 82.93 193.78 82.8946 193.937L82.1974 197.577H78.0138C77.8507 197.574 77.6916 197.628 77.5642 197.73C77.4368 197.832 77.3492 197.975 77.3166 198.135L77.0307 199.529C77.0098 199.632 77.0121 199.738 77.0377 199.839C77.0632 199.941 77.1112 200.035 77.1782 200.115C77.2451 200.196 77.3293 200.26 77.4245 200.303C77.5197 200.347 77.6234 200.368 77.7279 200.366H81.5977L80.4542 205.944H76.2707C76.1076 205.941 75.9485 205.995 75.8211 206.097C75.6937 206.199 75.606 206.342 75.5734 206.502L75.2876 207.897C75.2666 207.999 75.269 208.105 75.2945 208.206C75.3201 208.308 75.3681 208.402 75.435 208.483C75.502 208.563 75.5862 208.627 75.6814 208.671C75.7765 208.714 75.8802 208.735 75.9848 208.733H79.8825L79.1852 212.101C79.1678 212.202 79.1728 212.306 79.2 212.404C79.2271 212.503 79.2757 212.595 79.3423 212.673C79.4088 212.751 79.4918 212.813 79.5851 212.855C79.6785 212.897 79.78 212.918 79.8825 212.917H81.277C81.4322 212.913 81.5816 212.857 81.7016 212.759C81.8216 212.66 81.9053 212.524 81.9394 212.373L82.6645 208.733H86.4297L85.7324 212.101C85.7156 212.198 85.7194 212.297 85.7437 212.393C85.768 212.488 85.8123 212.577 85.8735 212.654C85.9348 212.732 86.0117 212.795 86.0991 212.84C86.1866 212.885 86.2826 212.911 86.3809 212.917H87.7754C87.9366 212.921 88.0941 212.869 88.2213 212.77C88.3484 212.67 88.4372 212.53 88.4727 212.373L89.2048 208.733H93.3883C93.5514 208.737 93.7105 208.683 93.8379 208.581C93.9653 208.479 94.053 208.335 94.0856 208.175L94.3645 206.781C94.3854 206.678 94.383 206.573 94.3575 206.471C94.332 206.37 94.2839 206.275 94.217 206.195C94.15 206.115 94.0658 206.05 93.9707 206.007C93.8755 205.964 93.7718 205.942 93.6672 205.944H89.7765L90.9131 200.366H95.0966C95.2597 200.369 95.4188 200.315 95.5462 200.214C95.6736 200.112 95.7612 199.968 95.7938 199.808L96.0797 198.414C96.1013 198.309 96.0985 198.201 96.0714 198.097C96.0444 197.993 95.9939 197.897 95.9237 197.816C95.8536 197.736 95.7658 197.672 95.6671 197.63C95.5684 197.589 95.4615 197.571 95.3546 197.577ZM86.9875 205.944H83.2223L84.3658 200.366H88.131L86.9875 205.944Z" fill="#FE544F"/><rect x="109.479" y="197.206" width="57.5047" height="13.8804" rx="1.98292" fill="#FCE1D5"/><g filter="url(#filterhashtagpro3_ddd_506_22510)"><rect x="61.8896" y="48.4873" width="158.634" height="180.446" rx="3.96584" fill="white"/></g><g clip-path="url(#cliphashtagpro5_506_22510)"><rect x="61.8896" y="48.4873" width="158.634" height="158.634" fill="#F6966B"/><path d="M93.1149 104.67L218.7 230.255H-10.8174L93.1149 104.67Z" fill="#F9BBA0"/></g><path d="M95.3546 197.577H91.4848L92.1821 194.209C92.1992 194.11 92.1946 194.008 92.1687 193.911C92.1427 193.814 92.096 193.723 92.0317 193.646C91.9675 193.568 91.8872 193.506 91.7964 193.462C91.7056 193.419 91.6064 193.395 91.5057 193.394H90.1112C89.95 193.39 89.7925 193.442 89.6653 193.541C89.5382 193.64 89.4494 193.78 89.414 193.937L88.7028 197.577H84.9376L85.6348 194.209C85.6517 194.112 85.6479 194.013 85.6236 193.918C85.5992 193.822 85.555 193.733 85.4937 193.656C85.4325 193.579 85.3556 193.516 85.2682 193.47C85.1807 193.425 85.0847 193.399 84.9864 193.394H83.5919C83.4307 193.39 83.2731 193.442 83.146 193.541C83.0189 193.64 82.93 193.78 82.8946 193.937L82.1974 197.577H78.0138C77.8507 197.574 77.6916 197.628 77.5642 197.73C77.4368 197.832 77.3492 197.975 77.3166 198.135L77.0307 199.529C77.0098 199.632 77.0121 199.738 77.0377 199.839C77.0632 199.941 77.1112 200.035 77.1782 200.115C77.2451 200.196 77.3293 200.26 77.4245 200.303C77.5197 200.347 77.6234 200.368 77.7279 200.366H81.5977L80.4542 205.944H76.2707C76.1076 205.941 75.9485 205.995 75.8211 206.097C75.6937 206.199 75.606 206.342 75.5734 206.502L75.2876 207.897C75.2666 207.999 75.269 208.105 75.2945 208.206C75.3201 208.308 75.3681 208.402 75.435 208.483C75.502 208.563 75.5862 208.627 75.6814 208.671C75.7765 208.714 75.8802 208.735 75.9848 208.733H79.8825L79.1852 212.101C79.1678 212.202 79.1728 212.306 79.2 212.404C79.2271 212.503 79.2757 212.595 79.3423 212.673C79.4088 212.751 79.4918 212.813 79.5851 212.855C79.6785 212.897 79.78 212.918 79.8825 212.917H81.277C81.4322 212.913 81.5816 212.857 81.7016 212.759C81.8216 212.66 81.9053 212.524 81.9394 212.373L82.6645 208.733H86.4297L85.7324 212.101C85.7156 212.198 85.7194 212.297 85.7437 212.393C85.768 212.488 85.8123 212.577 85.8735 212.654C85.9348 212.732 86.0117 212.795 86.0991 212.84C86.1866 212.885 86.2826 212.911 86.3809 212.917H87.7754C87.9366 212.921 88.0941 212.869 88.2213 212.77C88.3484 212.67 88.4372 212.53 88.4727 212.373L89.2048 208.733H93.3883C93.5514 208.737 93.7105 208.683 93.8379 208.581C93.9653 208.479 94.053 208.335 94.0856 208.175L94.3645 206.781C94.3854 206.678 94.383 206.573 94.3575 206.471C94.332 206.37 94.2839 206.275 94.217 206.195C94.15 206.115 94.0658 206.05 93.9707 206.007C93.8755 205.964 93.7718 205.942 93.6672 205.944H89.7765L90.9131 200.366H95.0966C95.2597 200.369 95.4188 200.315 95.5462 200.214C95.6736 200.112 95.7612 199.968 95.7938 199.808L96.0797 198.414C96.1013 198.309 96.0985 198.201 96.0714 198.097C96.0444 197.993 95.9939 197.897 95.9237 197.816C95.8536 197.736 95.7658 197.672 95.6671 197.63C95.5684 197.589 95.4615 197.571 95.3546 197.577ZM86.9875 205.944H83.2223L84.3658 200.366H88.131L86.9875 205.944Z" fill="#FE544F"/><rect x="109.479" y="197.206" width="57.5047" height="13.8804" rx="1.98292" fill="#FCE1D5"/></g></g><defs><filter id="filterhashtagpro0_ddd_506_22510" x="131.408" y="17.6626" width="221.857" height="242.094" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22510" result="effect2_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22510" result="effect3_dropShadow_506_22510"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22510" result="shape"/></filter><filter id="filterhashtagpro1_ddd_506_22510" x="131.408" y="17.6626" width="221.857" height="242.094" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22510" result="effect2_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22510" result="effect3_dropShadow_506_22510"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22510" result="shape"/></filter><filter id="filterhashtagpro2_ddd_506_22510" x="36.1117" y="34.6069" width="210.19" height="232.002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22510" result="effect2_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22510" result="effect3_dropShadow_506_22510"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22510" result="shape"/></filter><filter id="filterhashtagpro3_ddd_506_22510" x="36.1117" y="34.6069" width="210.19" height="232.002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22510" result="effect2_dropShadow_506_22510"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22510" result="effect3_dropShadow_506_22510"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22510" result="shape"/></filter><clipPath id="cliphashtagpro0_506_22510"><rect width="396" height="264" fill="white"/></clipPath><clipPath id="cliphashtagpro1_506_22510"><rect width="530" height="250.308" fill="white" transform="translate(-67 6.84601)"/></clipPath><clipPath id="cliphashtagpro2_506_22510"><path d="M169.275 34.573C169.403 32.7522 170.982 31.3794 172.803 31.5067L324.456 42.1114C326.277 42.2387 327.65 43.818 327.522 45.6387L318.624 172.896L160.377 161.83L169.275 34.573Z" fill="white"/></clipPath><clipPath id="cliphashtagpro3_506_22510"><path d="M169.275 34.573C169.403 32.7522 170.982 31.3794 172.803 31.5067L324.456 42.1114C326.277 42.2387 327.65 43.818 327.522 45.6387L318.624 172.896L160.377 161.83L169.275 34.573Z" fill="white"/></clipPath><clipPath id="cliphashtagpro4_506_22510"><path d="M61.8896 51.7922C61.8896 49.9669 63.3693 48.4873 65.1945 48.4873H217.218C219.044 48.4873 220.523 49.9669 220.523 51.7922V179.36H61.8896V51.7922Z" fill="white"/></clipPath><clipPath id="cliphashtagpro5_506_22510"><path d="M61.8896 51.7922C61.8896 49.9669 63.3693 48.4873 65.1945 48.4873H217.218C219.044 48.4873 220.523 49.9669 220.523 51.7922V179.36H61.8896V51.7922Z" fill="white"/></clipPath></defs></svg>',
257
+ 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) . '</div>',
258
+ 'bullets' => array(
259
  'heading' => __( 'And get much more!', 'instagram-feed' ),
260
+ 'content' => array(
261
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
262
  __( 'Powerful visual moderation', 'instagram-feed' ),
263
  __( 'Comments and Likes', 'instagram-feed' ),
270
  __( 'Post captions', 'instagram-feed' ),
271
  __( 'Combine multiple feed types', 'instagram-feed' ),
272
  __( '30 day money back guarantee', 'instagram-feed' ),
273
+ )
274
+ ),
275
+ 'buyUrl' => sprintf( 'https://smashballoon.com/instagram-feed/demo/hashtag?utm_campaign=instagram-free&utm_source=feed-type&utm_medium=hashtag' )
276
  ),
277
+ 'tagged' => array(
278
+ 'heading' => __( 'Upgrade to Pro to get Tagged Posts Feed', 'instagram-feed' ),
279
+ 'description' => __( 'Display posts that you\'ve been tagged in by other users allowing you to increase your audience\'s engagement with your Instagram account.', 'instagram-feed' ),
280
+ 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#cliptagged0_506_22672)"><g clip-path="url(#cliptagged1_506_22672)"><g filter="url(#filtertagged0_ddd_506_22672)"><g clip-path="url(#cliptagged2_506_22672)"><rect x="139.63" y="64.4107" width="164.72" height="166.806" rx="4.17014" transform="rotate(2 139.63 64.4107)" fill="white"/><g clip-path="url(#cliptagged3_506_22672)"><path d="M139.131 52.643L305.835 58.4644L300.45 212.666L133.746 206.844L139.131 52.643Z" fill="#59AB46"/><path d="M170.246 102.41L297.611 238.993L56.4177 230.57L170.246 102.41Z" fill="#76C064"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M157.064 194.828C159.201 194.48 161.393 194.773 163.363 195.671C165.333 196.569 166.993 198.031 168.132 199.872C169.271 201.713 169.839 203.85 169.763 206.014L169.707 207.635C169.671 208.674 169.223 209.656 168.463 210.364C167.703 211.073 166.692 211.451 165.653 211.415C164.615 211.379 163.633 210.931 162.924 210.171C162.792 210.029 162.671 209.879 162.563 209.721C161.492 210.7 160.081 211.22 158.63 211.17C157.162 211.118 155.773 210.486 154.771 209.411C153.769 208.336 153.235 206.907 153.286 205.439C153.337 203.97 153.97 202.582 155.045 201.58C156.119 200.578 157.548 200.043 159.017 200.095C160.486 200.146 161.874 200.779 162.876 201.853C163.878 202.928 164.412 204.357 164.361 205.826L164.304 207.446C164.291 207.84 164.434 208.224 164.703 208.512C164.972 208.8 165.344 208.97 165.738 208.984C166.132 208.998 166.516 208.854 166.804 208.585C167.092 208.316 167.262 207.944 167.276 207.55L167.332 205.929C167.391 204.246 166.95 202.584 166.063 201.152C165.177 199.72 163.887 198.583 162.354 197.885C160.822 197.186 159.117 196.958 157.455 197.229C155.793 197.499 154.249 198.257 153.017 199.405C151.785 200.554 150.922 202.042 150.536 203.681C150.15 205.32 150.259 207.037 150.849 208.614C151.438 210.191 152.483 211.558 153.849 212.542C155.216 213.526 156.844 214.082 158.526 214.141L158.528 214.141C160.021 214.195 161.502 213.853 162.819 213.15C163.412 212.834 164.148 213.058 164.465 213.651C164.781 214.243 164.557 214.98 163.964 215.296C162.267 216.202 160.362 216.641 158.44 216.572L158.484 215.357L158.442 216.572C158.441 216.572 158.441 216.572 158.44 216.572C156.277 216.496 154.185 215.781 152.428 214.516C150.671 213.251 149.328 211.494 148.57 209.466C147.812 207.438 147.672 205.231 148.168 203.123C148.665 201.016 149.775 199.103 151.358 197.626C152.941 196.15 154.927 195.176 157.064 194.828ZM161.93 205.741C161.959 204.917 161.659 204.115 161.097 203.512C160.535 202.909 159.756 202.555 158.932 202.526C158.108 202.497 157.307 202.797 156.704 203.359C156.101 203.921 155.746 204.7 155.717 205.524C155.688 206.348 155.988 207.149 156.55 207.752C157.113 208.355 157.891 208.71 158.715 208.739C159.539 208.767 160.34 208.468 160.943 207.905C161.546 207.343 161.901 206.564 161.93 205.741Z" fill="#59AB46"/><rect x="184.048" y="200.256" width="60.467" height="14.5955" rx="2.08507" transform="rotate(2 184.048 200.256)" fill="#B6DDAD"/></g></g><g filter="url(#filtertagged1_ddd_506_22672)"><g clip-path="url(#cliptagged4_506_22672)"><rect x="73.3418" y="28.4567" width="164.72" height="166.806" rx="4.17014" transform="rotate(-2 73.3418 28.4567)" fill="white"/><g clip-path="url(#cliptagged5_506_22672)"><path d="M72.0225 16.7529L238.726 10.9315L244.111 165.133L77.4073 170.954L72.0225 16.7529Z" fill="#43A6DB"/><circle cx="268.485" cy="149.951" r="96.9557" transform="rotate(-2 268.485 149.951)" fill="#0068A0"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M99.8296 157.341C101.937 156.845 104.144 156.985 106.172 157.743C108.2 158.501 109.958 159.844 111.223 161.601C112.487 163.358 113.203 165.451 113.279 167.615L113.335 169.235C113.371 170.274 112.994 171.285 112.285 172.045C111.576 172.805 110.594 173.253 109.555 173.289C108.516 173.325 107.506 172.947 106.745 172.238C106.604 172.106 106.473 171.965 106.354 171.815C105.354 172.866 103.983 173.483 102.532 173.534C101.063 173.585 99.6345 173.051 98.5597 172.049C97.485 171.047 96.8524 169.659 96.8011 168.19C96.7498 166.721 97.284 165.292 98.2862 164.218C99.2885 163.143 100.677 162.51 102.145 162.459C103.614 162.408 105.043 162.942 106.117 163.944C107.192 164.946 107.825 166.335 107.876 167.803L107.933 169.424C107.946 169.818 108.116 170.19 108.405 170.459C108.693 170.728 109.076 170.871 109.47 170.858C109.864 170.844 110.237 170.674 110.506 170.386C110.774 170.098 110.918 169.714 110.904 169.32L110.847 167.699C110.789 166.017 110.232 164.389 109.248 163.022C108.265 161.656 106.898 160.611 105.32 160.022C103.743 159.432 102.026 159.323 100.387 159.709C98.7481 160.095 97.2602 160.958 96.1118 162.19C94.9634 163.422 94.2059 164.966 93.9353 166.628C93.6646 168.29 93.8928 169.995 94.5911 171.527C95.2895 173.06 96.4265 174.35 97.8584 175.236C99.2903 176.123 100.953 176.564 102.636 176.505L102.637 176.505C104.13 176.455 105.584 176.011 106.849 175.218C107.418 174.861 108.169 175.033 108.525 175.602C108.882 176.171 108.71 176.922 108.141 177.279C106.511 178.3 104.641 178.871 102.719 178.937L102.678 177.721L102.721 178.937C102.72 178.937 102.72 178.937 102.719 178.937C100.556 179.012 98.419 178.444 96.5783 177.305C94.7373 176.166 93.2754 174.506 92.3776 172.536C91.4798 170.566 91.1863 168.374 91.5343 166.237C91.8823 164.1 92.8562 162.114 94.3327 160.531C95.8093 158.948 97.7222 157.838 99.8296 157.341ZM105.445 167.888C105.416 167.064 105.061 166.286 104.458 165.723C103.856 165.161 103.054 164.861 102.23 164.89C101.406 164.919 100.628 165.274 100.065 165.877C99.5031 166.48 99.2034 167.281 99.2322 168.105C99.261 168.929 99.6158 169.708 100.219 170.27C100.822 170.832 101.623 171.132 102.447 171.103C103.271 171.074 104.05 170.719 104.612 170.116C105.174 169.514 105.474 168.712 105.445 167.888Z" fill="#0068A0"/><rect x="127.129" y="160.874" width="60.467" height="14.5955" rx="2.08507" transform="rotate(-2 127.129 160.874)" fill="#86D0F9"/></g></g></g></g><defs><filter id="filtertagged0_ddd_506_22672" x="106.703" y="49.8152" width="224.653" height="226.664" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="12.5104"/><feGaussianBlur stdDeviation="13.5529"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22672"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2.08507"/><feGaussianBlur stdDeviation="2.08507"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22672" result="effect2_dropShadow_506_22672"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="6.25521"/><feGaussianBlur stdDeviation="6.25521"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22672" result="effect3_dropShadow_506_22672"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22672" result="shape"/></filter><filter id="filtertagged1_ddd_506_22672" x="46.2359" y="8.11258" width="224.653" height="226.664" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="12.5104"/><feGaussianBlur stdDeviation="13.5529"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22672"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2.08507"/><feGaussianBlur stdDeviation="2.08507"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_506_22672" result="effect2_dropShadow_506_22672"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="6.25521"/><feGaussianBlur stdDeviation="6.25521"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_506_22672" result="effect3_dropShadow_506_22672"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_506_22672" result="shape"/></filter><clipPath id="cliptagged0_506_22672"><rect width="396" height="264" fill="white"/></clipPath><clipPath id="cliptagged1_506_22672"><rect width="530" height="250.308" fill="white" transform="translate(-67 6.84601)"/></clipPath><clipPath id="cliptagged2_506_22672"><rect x="139.63" y="64.4107" width="164.72" height="166.806" rx="4.17014" transform="rotate(2 139.63 64.4107)" fill="white"/></clipPath><clipPath id="cliptagged3_506_22672"><path d="M139.373 45.6973C139.44 43.7792 141.049 42.2786 142.967 42.3456L302.725 47.9245C304.643 47.9914 306.144 49.6006 306.077 51.5187L301.395 185.576L134.691 179.755L139.373 45.6973Z" fill="white"/></clipPath><clipPath id="cliptagged4_506_22672"><rect x="73.3418" y="28.4567" width="164.72" height="166.806" rx="4.17014" transform="rotate(-2 73.3418 28.4567)" fill="white"/></clipPath><clipPath id="cliptagged5_506_22672"><path d="M71.7785 9.80722C71.7115 7.88913 73.2121 6.27993 75.1302 6.21295L234.888 0.634078C236.806 0.567097 238.415 2.06771 238.482 3.9858L243.164 138.044L76.4599 143.865L71.7785 9.80722Z" fill="white"/></clipPath></defs></svg>',
281
+ 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) . '</div>',
282
+ 'bullets' => array(
283
  'heading' => __( 'And get much more!', 'instagram-feed' ),
284
+ 'content' => array(
285
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
286
  __( 'Powerful visual moderation', 'instagram-feed' ),
287
  __( 'Comments and Likes', 'instagram-feed' ),
294
  __( 'Post captions', 'instagram-feed' ),
295
  __( 'Combine multiple feed types', 'instagram-feed' ),
296
  __( '30 day money back guarantee', 'instagram-feed' ),
297
+ )
298
+ ),
299
+ 'buyUrl' => sprintf( 'https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=feed-type&utm_medium=tagged' )
300
  ),
301
+ 'socialwall' => array(
302
+ // Combine all your social media channels into one Social Wall
303
+ 'heading' => __( '<span class="sb-social-wall">Combine all your social media channels into one', 'instagram-feed' ) . ' <span>' . __( 'Social Wall', 'instagram-feed' ) . '</span></span>',
304
+ 'description' => __( '<span class="sb-social-wall">A dash of Instagram, a sprinkle of Facebook, a spoonful of Twitter, and a dollop of YouTube, all in the same feed.</span>', 'instagram-feed' ),
305
+ 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) . '</div>',
306
+ 'img' => '<svg width="397" height="264" viewBox="0 0 397 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><g filter="url(#filter0_ddd)"><rect x="18.957" y="63" width="113.812" height="129.461" rx="2.8453" fill="white"/></g><g clip-path="url(#clip1)"><path d="M18.957 63H132.769V176.812H18.957V63Z" fill="#0068A0"/><rect x="56.957" y="106" width="105" height="105" rx="9" fill="#005B8C"/></g><path d="M36.0293 165.701C31.4649 165.701 27.7305 169.427 27.7305 174.017C27.7305 178.166 30.7678 181.61 34.7347 182.232V176.423H32.6268V174.017H34.7347V172.183C34.7347 170.1 35.9712 168.954 37.8716 168.954C38.7762 168.954 39.7222 169.112 39.7222 169.112V171.162H38.6766C37.6475 171.162 37.3239 171.801 37.3239 172.456V174.017H39.6309L39.2575 176.423H37.3239V182.232C39.2794 181.924 41.0602 180.926 42.3446 179.419C43.629 177.913 44.3325 175.996 44.3281 174.017C44.3281 169.427 40.5936 165.701 36.0293 165.701Z" fill="#006BFA"/><rect x="53.1016" y="169.699" width="41.2569" height="9.95855" rx="1.42265" fill="#D0D1D7"/><g filter="url(#filter1_ddd)"><rect x="18.957" y="201" width="113.812" height="129.461" rx="2.8453" fill="white"/></g><g clip-path="url(#clip2)"><path d="M18.957 201H132.769V314.812H18.957V201Z" fill="#EC352F"/><circle cx="23.957" cy="243" r="59" fill="#FE544F"/></g><g filter="url(#filter2_ddd)"><rect x="139.957" y="23" width="113.812" height="129.461" rx="2.8453" fill="white"/></g><g clip-path="url(#clip3)"><path d="M139.957 23H253.769V136.812H139.957V23Z" fill="#8C8F9A"/><circle cx="127.457" cy="142.5" r="78.5" fill="#D0D1D7"/></g><path d="M157.026 129.493C154.537 129.493 152.553 131.516 152.553 133.967C152.553 136.456 154.537 138.44 157.026 138.44C159.477 138.44 161.5 136.456 161.5 133.967C161.5 131.516 159.477 129.493 157.026 129.493ZM157.026 136.884C155.431 136.884 154.109 135.601 154.109 133.967C154.109 132.372 155.392 131.088 157.026 131.088C158.621 131.088 159.905 132.372 159.905 133.967C159.905 135.601 158.621 136.884 157.026 136.884ZM162.706 129.338C162.706 128.754 162.239 128.287 161.655 128.287C161.072 128.287 160.605 128.754 160.605 129.338C160.605 129.921 161.072 130.388 161.655 130.388C162.239 130.388 162.706 129.921 162.706 129.338ZM165.662 130.388C165.584 128.987 165.273 127.743 164.262 126.731C163.25 125.72 162.005 125.409 160.605 125.331C159.166 125.253 154.848 125.253 153.408 125.331C152.008 125.409 150.802 125.72 149.752 126.731C148.74 127.743 148.429 128.987 148.351 130.388C148.274 131.827 148.274 136.145 148.351 137.585C148.429 138.985 148.74 140.191 149.752 141.241C150.802 142.253 152.008 142.564 153.408 142.642C154.848 142.719 159.166 142.719 160.605 142.642C162.005 142.564 163.25 142.253 164.262 141.241C165.273 140.191 165.584 138.985 165.662 137.585C165.74 136.145 165.74 131.827 165.662 130.388ZM163.795 139.102C163.523 139.88 162.9 140.463 162.161 140.774C160.994 141.241 158.271 141.124 157.026 141.124C155.742 141.124 153.019 141.241 151.891 140.774C151.113 140.463 150.53 139.88 150.219 139.102C149.752 137.974 149.868 135.25 149.868 133.967C149.868 132.722 149.752 129.999 150.219 128.832C150.53 128.093 151.113 127.509 151.891 127.198C153.019 126.731 155.742 126.848 157.026 126.848C158.271 126.848 160.994 126.731 162.161 127.198C162.9 127.47 163.484 128.093 163.795 128.832C164.262 129.999 164.145 132.722 164.145 133.967C164.145 135.25 164.262 137.974 163.795 139.102Z" fill="url(#paint0_linear)"/><rect x="174.102" y="129.699" width="41.2569" height="9.95855" rx="1.42265" fill="#D0D1D7"/><g filter="url(#filter3_ddd)"><rect x="139.957" y="161" width="114" height="109" rx="2.8453" fill="white"/></g><rect x="148.957" y="194" width="91" height="8" rx="1.42265" fill="#D0D1D7"/><rect x="148.957" y="208" width="51" height="8" rx="1.42265" fill="#D0D1D7"/><path d="M164.366 172.062C163.788 172.324 163.166 172.497 162.521 172.579C163.181 172.182 163.691 171.552 163.931 170.794C163.308 171.169 162.618 171.432 161.891 171.582C161.298 170.937 160.466 170.562 159.521 170.562C157.758 170.562 156.318 172.002 156.318 173.779C156.318 174.034 156.348 174.282 156.401 174.514C153.731 174.379 151.353 173.097 149.771 171.154C149.493 171.627 149.336 172.182 149.336 172.767C149.336 173.884 149.898 174.874 150.768 175.437C150.236 175.437 149.741 175.287 149.306 175.062V175.084C149.306 176.644 150.416 177.949 151.886 178.242C151.414 178.371 150.918 178.389 150.438 178.294C150.642 178.934 151.041 179.493 151.579 179.894C152.117 180.295 152.767 180.517 153.438 180.529C152.301 181.43 150.891 181.916 149.441 181.909C149.186 181.909 148.931 181.894 148.676 181.864C150.101 182.779 151.796 183.312 153.611 183.312C159.521 183.312 162.768 178.407 162.768 174.154C162.768 174.012 162.768 173.877 162.761 173.734C163.391 173.284 163.931 172.714 164.366 172.062Z" fill="#1B90EF"/><g filter="url(#filter4_ddd)"><rect x="260.957" y="63" width="113.812" height="129.461" rx="2.8453" fill="white"/></g><g clip-path="url(#clip4)"><rect x="260.957" y="63" width="113.812" height="113.812" fill="#D72C2C"/><path d="M283.359 103.308L373.461 193.41H208.793L283.359 103.308Z" fill="#DF5757"/></g><path d="M276.37 176.456L280.677 173.967L276.37 171.477V176.456ZM285.963 169.958C286.071 170.348 286.145 170.871 286.195 171.535C286.253 172.199 286.278 172.772 286.278 173.27L286.328 173.967C286.328 175.784 286.195 177.12 285.963 177.975C285.755 178.722 285.274 179.203 284.527 179.411C284.137 179.519 283.423 179.593 282.328 179.643C281.249 179.701 280.262 179.726 279.349 179.726L278.029 179.776C274.552 179.776 272.386 179.643 271.531 179.411C270.784 179.203 270.303 178.722 270.096 177.975C269.988 177.585 269.913 177.062 269.863 176.398C269.805 175.734 269.78 175.162 269.78 174.664L269.73 173.967C269.73 172.149 269.863 170.813 270.096 169.958C270.303 169.212 270.784 168.73 271.531 168.523C271.921 168.415 272.635 168.34 273.73 168.29C274.809 168.232 275.797 168.207 276.71 168.207L278.029 168.158C281.506 168.158 283.672 168.29 284.527 168.523C285.274 168.73 285.755 169.212 285.963 169.958Z" fill="#EB2121"/><rect x="295.102" y="169.699" width="41.2569" height="9.95855" rx="1.42265" fill="#D0D1D7"/><g filter="url(#filter5_ddd)"><rect x="260.957" y="201" width="113.812" height="129.461" rx="2.8453" fill="white"/></g><g clip-path="url(#clip5)"><rect x="260.957" y="201" width="113.812" height="113.812" fill="#59AB46"/><circle cx="374.457" cy="235.5" r="44.5" fill="#468737"/></g><g clip-path="url(#clip6)"><path d="M139.957 228H253.957V296C253.957 296.552 253.509 297 252.957 297H140.957C140.405 297 139.957 296.552 139.957 296V228Z" fill="#0068A0"/><circle cx="227.957" cy="245" r="34" fill="#004D77"/></g></g><defs><filter id="filter0_ddd" x="0.462572" y="53.0414" width="150.801" height="166.45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><filter id="filter1_ddd" x="0.462572" y="191.041" width="150.801" height="166.45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><filter id="filter2_ddd" x="121.463" y="13.0414" width="150.801" height="166.45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><filter id="filter3_ddd" x="121.463" y="151.041" width="150.989" height="145.989" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><filter id="filter4_ddd" x="242.463" y="53.0414" width="150.801" height="166.45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><filter id="filter5_ddd" x="242.463" y="191.041" width="150.801" height="166.45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="8.5359"/><feGaussianBlur stdDeviation="9.24723"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.42265"/><feGaussianBlur stdDeviation="1.42265"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.26795"/><feGaussianBlur stdDeviation="4.26795"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/></filter><linearGradient id="paint0_linear" x1="154.502" y1="158.603" x2="191.208" y2="121.133" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.147864" stop-color="#F6640E"/><stop offset="0.443974" stop-color="#BA03A7"/><stop offset="0.733337" stop-color="#6A01B9"/><stop offset="1" stop-color="#6B01B9"/></linearGradient><clipPath id="clip0"><rect width="396" height="264" fill="white" transform="translate(0.957031)"/></clipPath><clipPath id="clip1"><path d="M18.957 65.3711C18.957 64.0616 20.0186 63 21.3281 63H130.398C131.708 63 132.769 64.0616 132.769 65.3711V156.895H18.957V65.3711Z" fill="white"/></clipPath><clipPath id="clip2"><path d="M18.957 203.371C18.957 202.062 20.0186 201 21.3281 201H130.398C131.708 201 132.769 202.062 132.769 203.371V294.895H18.957V203.371Z" fill="white"/></clipPath><clipPath id="clip3"><path d="M139.957 25.3711C139.957 24.0616 141.019 23 142.328 23H251.398C252.708 23 253.769 24.0616 253.769 25.3711V116.895H139.957V25.3711Z" fill="white"/></clipPath><clipPath id="clip4"><path d="M260.957 65.3711C260.957 64.0616 262.019 63 263.328 63H372.398C373.708 63 374.769 64.0616 374.769 65.3711V156.895H260.957V65.3711Z" fill="white"/></clipPath><clipPath id="clip5"><path d="M260.957 203.371C260.957 202.062 262.019 201 263.328 201H372.398C373.708 201 374.769 202.062 374.769 203.371V294.895H260.957V203.371Z" fill="white"/></clipPath><clipPath id="clip6"><path d="M139.957 228H253.957V296C253.957 296.552 253.509 297 252.957 297H140.957C140.405 297 139.957 296.552 139.957 296V228Z" fill="white"/></clipPath></defs></svg>',
307
+ 'demoUrl' => 'https://smashballoon.com/social-wall/demo/?utm_campaign=instagram-free&utm_source=feed-type&utm_medium=social-wall&utm_content=learn-more',
308
+ 'buyUrl' => sprintf( 'https://smashballoon.com/social-wall/demo/?license_key=%s&upgrade=true&utm_campaign=instagram-free&utm_source=feed-type&utm_medium=social-wall&utm_content=Try Demo', $license_key ),
309
+ 'bullets' => array(
310
  'heading' => __( 'Upgrade to the All Access Bundle and get:', 'instagram-feed' ),
311
+ 'content' => array(
312
  __( 'Instagram Feed Pro', 'instagram-feed' ),
313
  __( 'Custom Twitter Feeds Pro', 'instagram-feed' ),
314
  __( 'YouTube Feeds Pro', 'instagram-feed' ),
315
  __( 'Custom Facebook Feed Pro', 'instagram-feed' ),
316
  __( 'All Pro Facebook Extensions', 'instagram-feed' ),
317
  __( 'Social Wall Pro', 'instagram-feed' ),
318
+ )
319
+ ),
320
+ ),
321
+
322
+ // Other Types
323
+ 'feedLayout' => array(
324
+ 'heading' => __( 'Upgrade to Pro to get Feed Layouts', 'instagram-feed' ),
325
+ 'description' => __( 'Choose from one of our built-in layout options; grid, carousel, masonry, and highlight to allow you to showcase your content in any way you want.', 'instagram-feed' ),
326
+ 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#feedLayoutSettingsfilter0_d_541_17506)"><rect x="45" y="67.0205" width="166.67" height="154.67" rx="2.66672" transform="rotate(-3 45 67.0205)" fill="white"/><g clip-path="url(#clip0feedLayoutSettings_541_17506)"><rect width="97.3351" height="82.6682" transform="translate(54.8096 75.8527) rotate(-3)" fill="#FCE1D5"/><circle cx="50.9329" cy="167.516" r="66.0012" transform="rotate(-3 50.9329 167.516)" fill="#F9BBA0"/><circle cx="151.997" cy="121.496" r="56.001" transform="rotate(-3 151.997 121.496)" fill="#FE544F"/></g><rect width="42.6674" height="37.334" transform="translate(160 70.3398) rotate(-3)" fill="#E8E8EB"/><rect width="42.6674" height="37.334" transform="translate(162.372 115.612) rotate(-3)" fill="#DCDDE1"/><rect width="66.6679" height="44.0008" transform="translate(140.779 162.14) rotate(-3)" fill="#D0D1D7"/><rect width="73.3347" height="44.0008" transform="translate(59.5542 166.397) rotate(-3)" fill="#E8E8EB"/></g><g filter="url(#feedLayoutSettingsfilter1_d_541_17506)"><g clip-path="url(#clip1feedLayoutSettings_541_17506)"><rect x="175.256" y="27.1967" width="176.132" height="168.003" rx="2.27031" transform="rotate(5 175.256 27.1967)" fill="white"/><g clip-path="url(#clip2feedLayoutSettings_541_17506)"><rect width="112.002" height="124.647" transform="translate(204.782 52.4471) rotate(5)" fill="#B5E5FF"/><circle cx="199.572" cy="173.295" r="46.9609" transform="rotate(5 199.572 173.295)" fill="#43A6DB"/><circle cx="338.706" cy="133.728" r="64.1417" transform="rotate(5 338.706 133.728)" fill="#86D0F9"/></g><g clip-path="url(#clip3feedLayoutSettings_541_17506)"><rect width="112.002" height="124.647" transform="translate(322.654 62.7597) rotate(5)" fill="#B6DDAD"/><circle cx="317.444" cy="183.608" r="46.9609" transform="rotate(5 317.444 183.608)" fill="#96CE89"/></g><g clip-path="url(#clip4feedLayoutSettings_541_17506)"><rect width="112.002" height="124.647" transform="translate(86.0059 42.0556) rotate(5)" fill="#FCE1D5"/><circle cx="214.51" cy="169.366" r="64.1417" transform="rotate(5 214.51 169.366)" fill="#F9BBA0"/></g></g></g><defs><filter id="feedLayoutSettingsfilter0_d_541_17506" x="36.8814" y="54.8182" width="190.773" height="179.418" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4.63923"/><feGaussianBlur stdDeviation="4.05932"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_541_17506"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_541_17506" result="shape"/></filter><filter id="feedLayoutSettingsfilter1_d_541_17506" x="153.701" y="24.2344" width="203.928" height="196.538" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3.94961"/><feGaussianBlur stdDeviation="3.45591"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_541_17506"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_541_17506" result="shape"/></filter><clipPath id="clip0feedLayoutSettings_541_17506"><rect width="97.3351" height="82.6682" fill="white" transform="translate(54.8096 75.8527) rotate(-3)"/></clipPath><clipPath id="clip1feedLayoutSettings_541_17506"><rect x="175.256" y="27.1967" width="176.132" height="168.003" rx="2.27031" transform="rotate(5 175.256 27.1967)" fill="white"/></clipPath><clipPath id="clip2feedLayoutSettings_541_17506"><rect width="112.002" height="124.647" fill="white" transform="translate(204.782 52.4471) rotate(5)"/></clipPath><clipPath id="clip3feedLayoutSettings_541_17506"><rect width="112.002" height="124.647" fill="white" transform="translate(322.654 62.7597) rotate(5)"/></clipPath><clipPath id="clip4feedLayoutSettings_541_17506"><rect width="112.002" height="124.647" fill="white" transform="translate(86.0059 42.0556) rotate(5)"/></clipPath></defs></svg>',
327
+ 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) . '</div>',
328
+ 'bullets' => array(
329
  'heading' => __( 'And get much more!', 'instagram-feed' ),
330
+ 'content' => array(
331
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
332
  __( 'Powerful visual moderation', 'instagram-feed' ),
333
  __( 'Comments and Likes', 'instagram-feed' ),
340
  __( 'Post captions', 'instagram-feed' ),
341
  __( 'Combine multiple feed types', 'instagram-feed' ),
342
  __( '30 day money back guarantee', 'instagram-feed' ),
343
+ )
344
+ ),
345
+ 'buyUrl' => sprintf( 'https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=feed-layouts' )
346
  ),
347
+ 'headerLayout' => array(
348
+ 'heading' => __( 'Get Stories, Followers and Advanced Header Options', 'instagram-feed' ),
349
+ 'description' => __( 'Got stories to tell? We want to help you share them. Display Instagram stories right on your website in a pop-up lightbox to keep your users engaged and on your website for longer.', 'instagram-feed' ),
350
+ 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#headerLayoutfilter0_d_543_17792)"><rect x="113.089" y="44.6909" width="219.908" height="169.263" rx="3" transform="rotate(3 113.089 44.6909)" fill="#0096CC"/><circle cx="219.925" cy="94.3318" r="21.9039" transform="rotate(3 219.925 94.3318)" fill="#DCDDE1"/><circle cx="219.925" cy="94.3318" r="23.99" transform="rotate(3 219.925 94.3318)" stroke="url(#paint0_linear_543_17792)" stroke-width="1.04304"/><rect x="148.973" y="123.979" width="134.61" height="11.995" rx="1.33278" transform="rotate(3 148.973 123.979)" fill="#E8E8EB"/><rect x="166.559" y="144.919" width="97.2927" height="11.995" rx="1.33278" transform="rotate(3 166.559 144.919)" fill="#E8E8EB"/><path d="M191.365 180.919C193.326 181.022 194.997 179.517 195.1 177.556C195.203 175.595 193.698 173.923 191.737 173.821C189.776 173.718 188.104 175.223 188.002 177.184C187.899 179.145 189.404 180.816 191.365 180.919ZM191.272 182.694C188.903 182.57 184.111 183.511 183.987 185.871L183.894 187.645L198.091 188.39L198.184 186.615C198.308 184.255 193.641 182.818 191.272 182.694Z" fill="#141B38"/><path d="M211.234 187.974L213.955 188.116L214.643 174.987L211.913 174.844L208.396 177.023L208.268 179.461L211.736 177.362L211.79 177.365L211.234 187.974ZM217.462 188.3L227.006 188.8L227.12 186.617L221.17 186.305L221.176 186.196L224.055 183.828C226.43 181.864 227.239 180.866 227.323 179.274L227.324 179.256C227.441 177.017 225.613 175.334 222.838 175.189C220.063 175.043 217.916 176.673 217.786 179.148L217.782 179.221L220.33 179.354L220.343 179.273C220.442 178.092 221.398 177.257 222.744 177.328C223.909 177.389 224.688 178.196 224.641 179.27L224.64 179.288C224.592 180.198 224.203 180.826 222.428 182.32L217.56 186.417L217.462 188.3ZM232.551 189.091L235.271 189.233L235.959 176.105L233.23 175.962L229.712 178.14L229.585 180.578L233.052 178.479L233.107 178.482L232.551 189.091ZM238.805 189.419L241.462 189.558L241.631 186.328L242.353 185.609L244.937 189.74L248.004 189.901L244.428 184.139L248.333 180.138L245.321 179.98L241.823 183.71L241.768 183.708L242.15 176.429L239.493 176.29L238.805 189.419Z" fill="#141B38"/></g><g filter="url(#headerLayoutfilter1_d_543_17792)"><rect x="88.5157" y="41" width="219.908" height="169.263" rx="3" fill="white"/><circle cx="197.804" cy="84.9817" r="24.6564" stroke="url(#paint1_linear_543_17792)" stroke-width="1.33278"/><rect x="128.499" y="118.301" width="134.61" height="11.995" rx="1.33278" fill="#E8E8EB"/><rect x="147.158" y="138.293" width="97.2927" height="11.995" rx="1.33278" fill="#E8E8EB"/><path d="M173.813 172.945C175.776 172.945 177.367 171.354 177.367 169.391C177.367 167.427 175.776 165.837 173.813 165.837C171.849 165.837 170.259 167.427 170.259 169.391C170.259 171.354 171.849 172.945 173.813 172.945ZM173.813 174.722C171.44 174.722 166.705 175.913 166.705 178.276V180.053H180.921V178.276C180.921 175.913 176.185 174.722 173.813 174.722Z" fill="#141B38"/><path d="M194.025 178.95H196.749V165.803H194.016L190.618 168.163V170.604L193.971 168.327H194.025V178.95ZM200.261 178.95H209.818V176.763H203.86V176.654L206.611 174.139C208.88 172.053 209.636 171.014 209.636 169.42V169.402C209.636 167.161 207.723 165.575 204.944 165.575C202.165 165.575 200.106 167.315 200.106 169.794V169.867H202.657L202.666 169.785C202.703 168.6 203.614 167.716 204.962 167.716C206.128 167.716 206.948 168.482 206.957 169.557V169.575C206.957 170.486 206.602 171.133 204.907 172.718L200.261 177.064V178.95ZM215.371 178.95H218.095V165.803H215.362L211.963 168.163V170.604L215.316 168.327H215.371V178.95ZM221.634 178.95H224.294V175.716L224.977 174.959L227.774 178.95H230.845L226.973 173.383L230.663 169.183H227.647L224.349 173.092H224.294V165.803H221.634V178.95Z" fill="#141B38"/><g clip-path="url(#headerLayoutclip0_543_17792)"><rect x="176" y="63" width="44" height="44" rx="22" fill="#0068A0"/><circle cx="198" cy="80" r="8" fill="#B5E5FF"/><circle cx="198" cy="106" r="15" fill="#B5E5FF"/></g></g><defs><filter id="headerLayoutfilter0_d_543_17792" x="96.2966" y="40.7241" width="244.333" height="196.407" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.9751" operator="erode" in="SourceAlpha" result="effect1_dropShadow_543_17792"/><feOffset dy="3.9668"/><feGaussianBlur stdDeviation="5.45435"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_543_17792"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_543_17792" result="shape"/></filter><filter id="headerLayoutfilter1_d_543_17792" x="80.5822" y="37.0332" width="235.775" height="185.13" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.9751" operator="erode" in="SourceAlpha" result="effect1_dropShadow_543_17792"/><feOffset dy="3.9668"/><feGaussianBlur stdDeviation="5.45435"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_543_17792"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_543_17792" result="shape"/></filter><linearGradient id="paint0_linear_543_17792" x1="213.028" y1="162.104" x2="314.086" y2="58.9466" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.147864" stop-color="#F6640E"/><stop offset="0.443974" stop-color="#BA03A7"/><stop offset="0.733337" stop-color="#6A01B9"/><stop offset="1" stop-color="#6B01B9"/></linearGradient><linearGradient id="paint1_linear_543_17792" x1="190.906" y1="152.753" x2="291.964" y2="49.5964" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.147864" stop-color="#F6640E"/><stop offset="0.443974" stop-color="#BA03A7"/><stop offset="0.733337" stop-color="#6A01B9"/><stop offset="1" stop-color="#6B01B9"/></linearGradient><clipPath id="headerLayoutclip0_543_17792"><rect x="176" y="63" width="44" height="44" rx="22" fill="white"/></clipPath></defs></svg>',
351
+ 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) . '</div>',
352
+ 'bullets' => array(
353
  'heading' => __( 'And get much more!', 'instagram-feed' ),
354
+ 'content' => array(
355
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
356
  __( 'Powerful visual moderation', 'instagram-feed' ),
357
  __( 'Comments and Likes', 'instagram-feed' ),
364
  __( 'Post captions', 'instagram-feed' ),
365
  __( 'Combine multiple feed types', 'instagram-feed' ),
366
  __( '30 day money back guarantee', 'instagram-feed' ),
367
+ )
368
+ ),
369
+ 'buyUrl' => sprintf( 'https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=header' )
370
  ),
371
 
372
+ 'postStyling' => array(
373
+ 'heading' => __( 'Display Captions, Likes, and Comments', 'instagram-feed' ),
374
+ 'description' => __( 'Upgrade to Pro to display post captions below each post and in the lightbox, which can be crawled by search engines to help boost SEO.', 'instagram-feed' ),
375
+ 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#hoverstatefilter0_d_557_20473)"><g clip-path="url(#hoverstateclip0_557_20473)"><rect x="196.486" y="41.9882" width="139.542" height="147.818" rx="1.74428" transform="rotate(3 196.486 41.9882)" fill="#59AB46"/><path opacity="0.4" d="M207.272 102.814C208.625 102.884 212.65 103.095 217.927 103.372C224.523 103.718 224.523 103.718 230.104 104.01C235.686 104.303 236.7 104.356 250.4 105.074C264.099 105.792 261.562 105.659 268.666 106.031C275.769 106.403 276.784 106.457 289.976 107.148C300.529 107.701 312.977 108.353 317.882 108.61" stroke="white" stroke-width="6.91919"/><path opacity="0.4" d="M208.185 85.3947C209.538 85.4656 213.563 85.6766 218.84 85.9531C225.436 86.2988 225.436 86.2988 231.017 86.5913C236.599 86.8838 237.613 86.937 251.313 87.6549C265.012 88.3729 262.475 88.2399 269.579 88.6122C276.682 88.9845 277.697 89.0376 290.889 89.729C301.442 90.2821 313.89 90.9345 318.795 91.1915" stroke="white" stroke-width="6.91919"/><path opacity="0.4" d="M206.359 120.232C207.711 120.303 211.732 120.514 217.003 120.79C223.592 121.136 223.592 121.136 229.168 121.428C234.743 121.72 234.236 121.693 247.922 122.411C261.607 123.128 260.593 123.075 268.196 123.473" stroke="white" stroke-width="6.91919"/><path d="M272.181 159.772C272.033 159.764 271.895 159.698 271.796 159.589C271.698 159.479 271.647 159.335 271.654 159.187L271.742 157.521L269.52 157.405C269.225 157.389 268.949 157.258 268.752 157.038C268.554 156.819 268.452 156.53 268.468 156.236L268.817 149.571C268.832 149.277 268.964 149 269.183 148.803C269.403 148.605 269.691 148.503 269.986 148.519L278.872 148.984C279.167 149 279.443 149.132 279.64 149.351C279.838 149.57 279.94 149.859 279.925 150.153L279.575 156.818C279.56 157.113 279.428 157.389 279.209 157.586C278.99 157.784 278.701 157.886 278.406 157.87L275.018 157.693L272.855 159.646C272.739 159.745 272.597 159.794 272.458 159.786L272.181 159.772Z" fill="white"/><path d="M287.454 158.704L289.234 158.798L289.684 150.206L287.898 150.113L285.596 151.538L285.513 153.134L287.782 151.76L287.818 151.762L287.454 158.704ZM291.529 158.918L297.774 159.245L297.849 157.816L293.955 157.612L293.959 157.541L295.843 155.992C297.397 154.706 297.927 154.053 297.981 153.011L297.982 152.999C298.059 151.535 296.863 150.433 295.047 150.338C293.231 150.243 291.826 151.31 291.741 152.929L291.739 152.977L293.406 153.064L293.414 153.011C293.479 152.238 294.104 151.692 294.986 151.738C295.748 151.778 296.257 152.306 296.226 153.009L296.226 153.021C296.195 153.616 295.94 154.027 294.779 155.005L291.593 157.685L291.529 158.918Z" fill="white"/><g clip-path="url(#hoverstateclip1_557_20473)"><path d="M218.664 146.871C219.194 148.86 218.561 150.822 217.366 152.263C216.576 153.241 215.649 154.071 214.709 154.79C213.84 155.518 211.907 156.946 211.413 156.963C210.983 156.857 210.522 156.34 210.19 156.069C208.33 154.495 206.339 152.595 205.384 150.582C204.596 148.656 204.716 146.331 206.172 144.962C208.045 143.443 210.726 143.899 212.006 145.656C212.398 145.198 212.87 144.847 213.42 144.602C215.64 143.848 217.855 144.851 218.664 146.871Z" fill="white"/></g><path d="M226.488 155.509L228.269 155.602L228.719 147.011L226.933 146.918L224.631 148.343L224.548 149.939L226.816 148.565L226.852 148.567L226.488 155.509ZM230.563 155.723L236.809 156.05L236.884 154.621L232.99 154.417L232.994 154.346L234.878 152.797C236.432 151.511 236.961 150.858 237.016 149.816L237.017 149.804C237.093 148.34 235.897 147.238 234.082 147.143C232.266 147.048 230.861 148.114 230.776 149.734L230.773 149.782L232.44 149.869L232.449 149.816C232.513 149.043 233.139 148.497 234.02 148.543C234.782 148.583 235.292 149.111 235.261 149.814L235.26 149.826C235.229 150.421 234.975 150.832 233.813 151.809L230.628 154.49L230.563 155.723ZM242.229 156.334L243.938 156.424L244.021 154.846L245.152 154.905L245.227 153.47L244.096 153.411L244.388 147.832L241.852 147.699L238.116 153.032L238.037 154.532L242.312 154.756L242.229 156.334ZM239.676 153.227L239.678 153.18L242.606 149.04L242.647 149.043L242.42 153.371L239.676 153.227Z" fill="white"/></g></g><g filter="url(#hoverstatefilter1_d_557_20473)"><g clip-path="url(#hoverstateclip2_557_20473)"><rect x="63" y="55.1204" width="139.542" height="164.834" rx="1.74428" fill="white"/><path d="M74.5776 156.85C75.7308 156.82 79.1616 156.769 83.6591 156.797C89.2809 156.832 89.2809 156.876 94.0379 156.85C98.7948 156.823 99.6597 156.771 111.336 156.823C123.012 156.876 120.85 156.876 126.904 156.85C132.958 156.823 133.823 156.81 145.067 156.85C154.062 156.881 164.671 156.877 168.852 156.872" stroke="#DCDDE1" stroke-width="6.91919"/><path d="M74.5776 171.754C75.7308 171.729 79.1616 171.685 83.6591 171.709C89.2809 171.739 89.2809 171.777 94.0379 171.754C98.7948 171.731 98.3623 171.709 110.038 171.754C121.715 171.799 120.85 171.789 127.336 171.783" stroke="#DCDDE1" stroke-width="6.91919"/><g clip-path="url(#hoverstateclip3_557_20473)"><rect x="72.5933" y="52.5039" width="132.565" height="88.9581" fill="#2C324C"/><circle cx="97.5117" cy="88.7693" r="71.0037" fill="#0068A0"/><circle cx="209.41" cy="160.88" r="73.7586" fill="#FE544F"/></g><path d="M143.009 210.272C142.862 210.272 142.72 210.214 142.616 210.109C142.512 210.005 142.453 209.864 142.453 209.716V208.048H140.229C139.934 208.048 139.651 207.93 139.442 207.722C139.233 207.513 139.116 207.23 139.116 206.935V200.262C139.116 199.967 139.233 199.684 139.442 199.475C139.651 199.266 139.934 199.149 140.229 199.149H149.127C149.422 199.149 149.705 199.266 149.913 199.475C150.122 199.684 150.239 199.967 150.239 200.262V206.935C150.239 207.23 150.122 207.513 149.913 207.722C149.705 207.93 149.422 208.048 149.127 208.048H145.734L143.677 210.111C143.565 210.217 143.426 210.272 143.287 210.272H143.009Z" fill="#434960"/><path d="M158.207 208.407H159.989V199.804H158.201L155.977 201.348V202.946L158.171 201.455H158.207V208.407ZM162.287 208.407H168.541V206.976H164.642V206.904L166.443 205.259C167.927 203.894 168.422 203.214 168.422 202.171V202.159C168.422 200.692 167.17 199.655 165.352 199.655C163.533 199.655 162.186 200.793 162.186 202.415V202.463H163.855L163.861 202.409C163.885 201.634 164.481 201.056 165.364 201.056C166.127 201.056 166.663 201.556 166.669 202.26V202.272C166.669 202.868 166.437 203.291 165.328 204.329L162.287 207.173V208.407Z" fill="#434960"/><g clip-path="url(#hoverstateclip4_557_20473)"><path d="M88.8934 200.19C89.5271 202.148 88.9967 204.141 87.879 205.642C87.1412 206.66 86.2595 207.538 85.358 208.305C84.5286 209.077 82.6726 210.605 82.1806 210.647C81.7458 210.564 81.2578 210.072 80.9126 209.819C78.9728 208.344 76.8846 206.551 75.8258 204.591C74.9381 202.708 74.9365 200.38 76.3181 198.937C78.1096 197.322 80.8104 197.637 82.1806 199.325C82.5486 198.847 83.001 198.472 83.5381 198.199C85.7151 197.33 87.9798 198.215 88.8934 200.19Z" fill="#434960"/></g><path d="M97.1573 208.407H98.9399V199.804H97.1514L94.9276 201.348V202.946L97.1216 201.455H97.1573V208.407ZM101.238 208.407H107.492V206.976H103.593V206.904L105.393 205.259C106.878 203.894 107.373 203.214 107.373 202.171V202.159C107.373 200.692 106.121 199.655 104.302 199.655C102.484 199.655 101.137 200.793 101.137 202.415V202.463H102.806L102.812 202.409C102.836 201.634 103.432 201.056 104.314 201.056C105.077 201.056 105.614 201.556 105.62 202.26V202.272C105.62 202.868 105.387 203.291 104.278 204.329L101.238 207.173V208.407ZM112.92 208.407H114.631V206.827H115.764V205.39H114.631V199.804H112.091L108.639 205.324V206.827H112.92V208.407ZM110.207 205.438V205.39L112.914 201.103H112.956V205.438H110.207Z" fill="#434960"/></g></g><path d="M293.823 189.298L293.89 188.027L292.48 187.953L292.546 186.682L289.727 186.534L289.793 185.263L285.564 185.041L285.63 183.77L282.811 183.623L283.077 178.539L281.667 178.465L281.734 177.194L278.914 177.046L278.848 178.317L277.438 178.243L276.838 189.682L275.429 189.608L275.495 188.337L271.266 188.115L270.999 193.199L272.409 193.273L272.276 195.815L273.686 195.889L273.553 198.431L274.962 198.505L274.829 201.047L276.239 201.121L276.039 204.934L291.547 205.746L291.814 200.663L293.224 200.736L293.423 196.923L292.014 196.85L291.814 200.663L290.404 200.589L290.204 204.402L277.516 203.737L277.649 201.195L276.239 201.121L276.372 198.579L274.962 198.505L275.096 195.963L273.686 195.889L273.819 193.347L272.409 193.273L272.609 189.46L275.429 189.608L275.362 190.879L276.772 190.953L276.572 194.766L277.982 194.84L278.848 178.317L281.667 178.465L281.068 189.904L282.478 189.977L282.744 184.894L285.564 185.041L285.297 190.125L286.707 190.199L286.907 186.386L289.727 186.534L289.46 191.618L290.87 191.692L291.07 187.879L292.48 187.953L292.413 189.224L293.823 189.298L293.423 196.923L294.833 196.997L295.233 189.371L293.823 189.298Z" fill="#141B38"/><path d="M292.014 196.85L293.424 196.923L293.823 189.298L292.413 189.224L292.48 187.953L291.07 187.879L290.87 191.692L289.461 191.618L289.727 186.534L286.907 186.386L286.708 190.199L285.298 190.125L285.564 185.041L282.745 184.894L282.478 189.977L281.068 189.904L281.668 178.465L278.848 178.317L277.982 194.84L276.572 194.766L276.772 190.953L275.362 190.879L275.429 189.608L272.609 189.46L272.409 193.273L273.819 193.347L273.686 195.889L275.096 195.963L274.963 198.505L276.372 198.579L276.239 201.121L277.649 201.195L277.516 203.737L290.204 204.402L290.404 200.589L291.814 200.663L292.014 196.85Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M280.869 193.717L282.278 193.791L281.964 199.782L280.555 199.708L280.869 193.717ZM285.098 193.938L283.688 193.864L283.374 199.856L284.784 199.93L285.098 193.938ZM287.917 194.086L286.507 194.012L286.193 200.004L287.603 200.078L287.917 194.086Z" fill="#141B38"/><defs><filter id="hoverstatefilter0_d_557_20473" x="181.831" y="38.5286" width="160.926" height="168.757" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.5947" operator="erode" in="SourceAlpha" result="effect1_dropShadow_557_20473"/><feOffset dy="3.45959"/><feGaussianBlur stdDeviation="4.75694"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_20473"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_557_20473" result="shape"/></filter><filter id="hoverstatefilter1_d_557_20473" x="56.0808" y="51.6608" width="153.38" height="178.672" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.5947" operator="erode" in="SourceAlpha" result="effect1_dropShadow_557_20473"/><feOffset dy="3.45959"/><feGaussianBlur stdDeviation="4.75694"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_20473"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_557_20473" result="shape"/></filter><clipPath id="hoverstateclip0_557_20473"><rect x="196.486" y="41.9882" width="139.542" height="147.818" rx="1.74428" transform="rotate(3 196.486 41.9882)" fill="white"/></clipPath><clipPath id="hoverstateclip1_557_20473"><rect width="13.9542" height="13.9542" fill="white" transform="translate(205.154 143.248) rotate(3)"/></clipPath><clipPath id="hoverstateclip2_557_20473"><rect x="63" y="55.1204" width="139.542" height="164.834" rx="1.74428" fill="white"/></clipPath><clipPath id="hoverstateclip3_557_20473"><rect width="139.542" height="86.3416" fill="white" transform="translate(62.9998 55.1204)"/></clipPath><clipPath id="hoverstateclip4_557_20473"><rect width="13.9542" height="13.9542" fill="white" transform="translate(75.21 197.279)"/></clipPath></defs></svg>',
376
+ 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) . '</div>',
377
+ 'bullets' => array(
378
  'heading' => __( 'And get much more!', 'instagram-feed' ),
379
+ 'content' => array(
380
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
381
  __( 'Powerful visual moderation', 'instagram-feed' ),
382
  __( 'Comments and Likes', 'instagram-feed' ),
389
  __( 'Post captions', 'instagram-feed' ),
390
  __( 'Combine multiple feed types', 'instagram-feed' ),
391
  __( '30 day money back guarantee', 'instagram-feed' ),
392
+ )
393
+ ),
394
+ 'buyUrl' => sprintf( 'https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=posts' )
395
  ),
396
 
397
+ 'lightbox' => array(
398
+ 'heading' => __( 'Upgrade to Pro to enable the popup Lightbox', 'instagram-feed' ),
399
+ 'description' => __( 'Allow visitors to view your photos and videos in a beautiful full size lightbox, keeping them on your site for longer to discover more of your content.', 'instagram-feed' ),
400
+ 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M50.5998 136.122L48.2638 134.019L39.3134 143.959L49.2538 152.91L51.3572 150.574L43.7685 143.726L50.5998 136.122Z" fill="#8C8F9A"/><path d="M347.201 119.809L345.097 122.145L352.686 128.993L345.855 136.597L348.191 138.7L357.141 128.76L347.201 119.809Z" fill="#8C8F9A"/><g clip-path="url(#lightboxxclip0_557_20899)" filter="url(#lightboxxfilter0_d_557_20899)"><rect width="261.925" height="173.162" transform="translate(62.6831 52.3919) rotate(-3)" fill="white"/><rect x="112.468" y="187.874" width="93.129" height="5.82056" rx="1.45514" transform="rotate(-3 112.468 187.874)" fill="#D0D1D7"/><rect x="113.151" y="200.952" width="53.8402" height="5.82056" rx="1.45514" transform="rotate(-3 113.151 200.952)" fill="#D0D1D7"/><circle cx="94.1753" cy="195.21" r="8.73084" transform="rotate(-3 94.1753 195.21)" fill="#DCDDE1"/><g clip-path="url(#lightboxxclip1_557_20899)"><rect x="62.6812" y="52.3918" width="262.169" height="173.162" transform="rotate(-3 62.6812 52.3918)" fill="#FE544F"/><rect x="191.14" y="20.5734" width="271.58" height="334.479" rx="55.73" transform="rotate(2.99107 191.14 20.5734)" fill="#DCDDE1"/><circle cx="141.741" cy="201.742" r="113.935" transform="rotate(-3 141.741 201.742)" fill="#0096CC"/></g></g><defs><filter id="lightboxxfilter0_d_557_20899" x="53.8243" y="34.2544" width="288.346" height="204.35" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="3.32203" operator="erode" in="SourceAlpha" result="effect1_dropShadow_557_20899"/><feOffset dy="4.42938"/><feGaussianBlur stdDeviation="6.0904"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_20899"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_557_20899" result="shape"/></filter><clipPath id="lightboxxclip0_557_20899"><rect width="261.925" height="173.162" fill="white" transform="translate(62.6831 52.3919) rotate(-3)"/></clipPath><clipPath id="lightboxxclip1_557_20899"><rect width="262.15" height="121.608" fill="white" transform="translate(62.6821 52.3919) rotate(-3)"/></clipPath></defs></svg>',
401
+ 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) . '</div>',
402
+ 'bullets' => array(
403
  'heading' => __( 'And get much more!', 'instagram-feed' ),
404
+ 'content' => array(
405
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
406
  __( 'Powerful visual moderation', 'instagram-feed' ),
407
  __( 'Comments and Likes', 'instagram-feed' ),
414
  __( 'Post captions', 'instagram-feed' ),
415
  __( 'Combine multiple feed types', 'instagram-feed' ),
416
  __( '30 day money back guarantee', 'instagram-feed' ),
417
+ )
418
+ ),
419
+ 'buyUrl' => sprintf( 'https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=lightbox' )
420
  ),
421
 
422
  'filtermoderation' => array(
423
+ 'heading' => __( 'Get Advanced Moderation and Filters with Pro', 'instagram-feed' ),
424
+ 'description' => __( 'Use powerful moderation tools to easily create feeds of only specific photos, or choose specific ones to exclude. You can also easily choose to include or block specific words or phrases in your posts.', 'instagram-feed' ),
425
+ 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#moderationfltrclip0_542_16736)"><g filter="url(#moderationfltrfilter0_ddd_542_16736)"><rect x="139.981" y="52.5992" width="162.17" height="179.401" rx="3.96584" fill="white"/></g><path d="M156.198 174.881C157.55 174.847 161.57 174.786 166.841 174.819C173.429 174.86 173.429 174.912 179.003 174.881C184.578 174.85 185.592 174.788 199.275 174.85C212.958 174.912 210.424 174.912 217.519 174.881C224.614 174.85 225.627 174.835 238.804 174.881C249.345 174.918 261.778 174.913 266.677 174.907" stroke="#DCDDE1" stroke-width="8.10851"/><path d="M156.198 194.559C157.55 194.53 161.57 194.478 166.841 194.506C173.429 194.542 173.429 194.586 179.003 194.559C184.578 194.533 184.071 194.506 197.754 194.559C211.437 194.613 210.424 194.6 218.026 194.593" stroke="#DCDDE1" stroke-width="8.10851"/><g clip-path="url(#moderationfltrclip1_542_16736)"><rect x="151.131" y="65.7755" width="139.912" height="88.1801" fill="#8C8F9A"/><circle cx="157.01" cy="165.713" r="48.2051" fill="#EC352F"/><circle cx="295.745" cy="112.805" r="65.8411" fill="#DCDDE1"/></g><circle cx="291.51" cy="58.1738" r="18.7509" fill="#D72C2C"/><path d="M290.886 55.6399L293.028 57.7751V57.667C293.028 57.1294 292.815 56.6137 292.435 56.2336C292.054 55.8534 291.539 55.6399 291.001 55.6399H290.886ZM287.981 56.1804L289.028 57.2278C288.994 57.3697 288.974 57.5116 288.974 57.667C288.974 58.2046 289.188 58.7202 289.568 59.1004C289.948 59.4805 290.464 59.6941 291.001 59.6941C291.15 59.6941 291.298 59.6738 291.44 59.6401L292.488 60.6874C292.035 60.9104 291.535 61.0455 291.001 61.0455C290.105 61.0455 289.246 60.6896 288.612 60.056C287.979 59.4224 287.623 58.563 287.623 57.667C287.623 57.1332 287.758 56.6332 287.981 56.1804ZM284.244 52.4438L285.785 53.9844L286.089 54.2884C284.974 55.1669 284.095 56.3156 283.568 57.667C284.737 60.6333 287.623 62.7348 291.001 62.7348C292.049 62.7348 293.049 62.5321 293.961 62.1672L294.251 62.451L296.224 64.4241L297.083 63.5659L285.102 51.5856L284.244 52.4438ZM291.001 54.2884C291.897 54.2884 292.757 54.6444 293.39 55.278C294.024 55.9116 294.38 56.7709 294.38 57.667C294.38 58.0994 294.292 58.5184 294.136 58.8968L296.116 60.8766C297.13 60.032 297.941 58.9238 298.434 57.667C297.265 54.7006 294.38 52.5992 291.001 52.5992C290.055 52.5992 289.15 52.7681 288.298 53.0722L289.765 54.5249C290.15 54.3763 290.562 54.2884 291.001 54.2884Z" fill="white"/><g filter="url(#moderationfltrfilter1_ddd_542_16736)"><rect x="85.7402" y="31.9814" width="162.17" height="179.401" rx="3.96584" fill="white"/><path d="M101.957 154.263C103.308 154.229 107.329 154.169 112.599 154.201C119.188 154.242 119.188 154.294 124.762 154.263C130.337 154.232 131.35 154.171 145.034 154.232C158.717 154.294 156.183 154.294 163.278 154.263C170.373 154.232 171.386 154.217 184.562 154.263C195.104 154.3 207.537 154.296 212.436 154.289" stroke="#DCDDE1" stroke-width="8.10851"/><path d="M101.957 173.942C103.308 173.912 107.329 173.86 112.599 173.889C119.188 173.924 119.188 173.968 124.762 173.942C130.337 173.915 129.83 173.889 143.513 173.942C157.196 173.995 156.183 173.982 163.784 173.975" stroke="#DCDDE1" stroke-width="8.10851"/><g clip-path="url(#moderationfltrclip2_542_16736)"><rect x="96.8887" y="45.1577" width="139.912" height="88.1801" fill="#2C324C"/><circle cx="125.771" cy="71.4144" r="83.2083" fill="#0068A0"/><circle cx="256.9" cy="155.92" r="86.4368" fill="#FE544F"/></g></g><circle cx="234.383" cy="30.7509" r="18.7509" fill="#0096CC"/><g clip-path="url(#moderationfltrclip3_542_16736)"><path d="M233.874 28.217C233.337 28.217 232.821 28.4306 232.441 28.8108C232.061 29.1909 231.847 29.7065 231.847 30.2442C231.847 30.7818 232.061 31.2974 232.441 31.6775C232.821 32.0577 233.337 32.2713 233.874 32.2713C234.412 32.2713 234.927 32.0577 235.308 31.6775C235.688 31.2974 235.901 30.7818 235.901 30.2442C235.901 29.7065 235.688 29.1909 235.308 28.8108C234.927 28.4306 234.412 28.217 233.874 28.217ZM233.874 33.6227C232.978 33.6227 232.119 33.2667 231.485 32.6331C230.852 31.9995 230.496 31.1402 230.496 30.2442C230.496 29.3481 230.852 28.4888 231.485 27.8552C232.119 27.2216 232.978 26.8656 233.874 26.8656C234.77 26.8656 235.63 27.2216 236.263 27.8552C236.897 28.4888 237.253 29.3481 237.253 30.2442C237.253 31.1402 236.897 31.9995 236.263 32.6331C235.63 33.2667 234.77 33.6227 233.874 33.6227ZM233.874 25.1763C230.496 25.1763 227.61 27.2778 226.441 30.2442C227.61 33.2105 230.496 35.312 233.874 35.312C237.253 35.312 240.138 33.2105 241.307 30.2442C240.138 27.2778 237.253 25.1763 233.874 25.1763Z" fill="white"/></g></g><defs><filter id="moderationfltrfilter0_ddd_542_16736" x="114.203" y="38.7187" width="213.726" height="230.957" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_542_16736"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_542_16736" result="effect2_dropShadow_542_16736"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_542_16736" result="effect3_dropShadow_542_16736"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_542_16736" result="shape"/></filter><filter id="moderationfltrfilter1_ddd_542_16736" x="59.9623" y="18.101" width="213.726" height="230.957" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="11.8975"/><feGaussianBlur stdDeviation="12.889"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_542_16736"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1.98292"/><feGaussianBlur stdDeviation="1.98292"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/><feBlend mode="normal" in2="effect1_dropShadow_542_16736" result="effect2_dropShadow_542_16736"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5.94876"/><feGaussianBlur stdDeviation="5.94876"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="effect2_dropShadow_542_16736" result="effect3_dropShadow_542_16736"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_542_16736" result="shape"/></filter><clipPath id="moderationfltrclip0_542_16736"><path d="M0 0H396V264H0V0Z" fill="white"/></clipPath><clipPath id="moderationfltrclip1_542_16736"><rect x="151.131" y="65.7755" width="139.912" height="88.1801" rx="2" fill="white"/></clipPath><clipPath id="moderationfltrclip2_542_16736"><rect x="96.8887" y="45.1577" width="139.912" height="88.1801" rx="2" fill="white"/></clipPath><clipPath id="moderationfltrclip3_542_16736"><rect width="16.217" height="16.217" fill="white" transform="translate(225.767 22.1356)"/></clipPath></defs></svg>',
426
+ 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) . '</div>',
427
+ 'bullets' => array(
428
  'heading' => __( 'And get much more!', 'instagram-feed' ),
429
+ 'content' => array(
430
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
431
  __( 'Powerful visual moderation', 'instagram-feed' ),
432
  __( 'Comments and Likes', 'instagram-feed' ),
439
  __( 'Post captions', 'instagram-feed' ),
440
  __( 'Combine multiple feed types', 'instagram-feed' ),
441
  __( '30 day money back guarantee', 'instagram-feed' ),
442
+ )
443
+ ),
444
+ 'buyUrl' => sprintf( 'https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=filters' )
445
  ),
446
 
447
+ 'shoppablefeed' => array(
448
+ 'heading' => __( 'Upgrade to Pro to Get Shoppable Feeds', 'instagram-feed' ),
449
+ 'description' => __( 'Automatically link Instagram posts to custom URLs of your choosing by adding the URL in the caption, or manually add links to specific pages or products on your site (or other sites) in a quick and easy way.', 'instagram-feed' ),
450
+ 'img' => '<svg width="396" height="264" viewBox="0 0 396 264" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#shoppablefeedfilter0_d_557_17550)"><rect x="234.717" y="38.2059" width="143" height="158.889" rx="2" transform="rotate(4 234.717 38.2059)" fill="white"/></g><rect width="143" height="82.0926" transform="translate(234.717 38.2059) rotate(4)" fill="#E8E8EB"/><g filter="url(#shoppablefeedfilter1_dd_557_17550)"><mask id="shoppablefeedmask0_557_17550" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="266" y="53" width="80" height="62"><path fill-rule="evenodd" clip-rule="evenodd" d="M315.226 54.937C315.099 58.5599 310.591 61.343 305.157 61.1533C299.723 60.9635 295.42 57.8727 295.546 54.2498C295.546 54.2498 295.546 54.2497 295.546 54.2497L286.163 53.922C286.057 53.9183 285.951 53.9404 285.856 53.9863L278.402 57.5651C278.37 57.5802 278.351 57.6124 278.352 57.6471C278.35 57.62 278.321 57.6035 278.297 57.6159L266.724 63.5265C266.477 63.6528 266.336 63.921 266.372 64.1964L268.295 78.8772C268.344 79.2535 268.701 79.5097 269.073 79.4357L278.317 77.5986C278.714 77.5198 279.086 77.8146 279.101 78.2185L280.339 112.219C280.352 112.563 280.628 112.839 280.972 112.851L326.982 114.458C327.326 114.47 327.621 114.214 327.657 113.872L331.266 80.0236C331.308 79.6249 331.695 79.3572 332.083 79.4578L341.845 81.9875C342.209 82.0819 342.578 81.8513 342.653 81.4825L345.594 66.9741C345.651 66.6966 345.523 66.4143 345.277 66.2738L333.503 59.5421C333.48 59.5288 333.45 59.5433 333.447 59.57C333.45 59.5361 333.433 59.5032 333.404 59.4863L326.216 55.3957C326.124 55.3432 326.021 55.3139 325.915 55.3102L315.226 54.9369C315.226 54.9369 315.226 54.937 315.226 54.937Z" fill="white"/></mask><g mask="url(#shoppablefeedmask0_557_17550)"><rect x="261.444" y="49.1168" width="94.5192" height="70.8894" transform="rotate(4 261.444 49.1168)" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M304.293 77.7265C302.782 76.9164 301.23 75.7559 299.747 75.1625C300.196 76.4854 300.555 77.8865 300.931 79.2729C299.943 79.9127 298.808 80.3837 297.719 80.9071C298.549 81.8507 299.776 82.4491 300.728 83.2863C299.853 84.2243 298.197 85.147 297.749 86.0211C299.431 85.9288 301.399 85.7258 302.956 85.7657C303.177 87.5038 303.222 89.3956 303.597 90.9999C304.464 88.9723 305.268 86.8705 306.263 84.99C307.552 85.6316 309.122 86.4139 310.395 86.828C309.575 85.4894 308.84 84.0769 308.131 82.6421C309.383 81.8618 310.648 81.0961 311.86 80.2694C310.247 80.0064 308.572 79.7978 306.872 79.6108C306.724 77.8331 306.942 75.7372 306.638 74.0953C305.915 75.3731 305.086 76.5293 304.293 77.7265ZM304.045 92.3479C303.766 93.2504 304.446 93.6761 304.301 94.2247C303.62 93.9356 303.104 93.7755 302.159 93.8425C302.238 93.1288 302.889 93.0725 302.817 92.1846C292.92 90.3527 294.16 72.3239 304.157 71.908C316.657 71.388 315.549 92.832 304.045 92.3479Z" fill="#FE544F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M306.638 74.0951C306.942 75.7371 306.724 77.833 306.872 79.6107C308.572 79.7977 310.247 80.0062 311.86 80.2693C310.648 81.096 309.383 81.8617 308.131 82.642C308.84 84.0768 309.575 85.4893 310.395 86.8279C309.122 86.4138 307.552 85.6315 306.263 84.9899C305.268 86.8704 304.464 88.9721 303.597 90.9997C303.221 89.3955 303.177 87.5037 302.956 85.7655C301.399 85.7257 299.431 85.9287 297.749 86.021C298.197 85.1469 299.853 84.2242 300.728 83.2861C299.776 82.449 298.549 81.8506 297.719 80.907C298.808 80.3836 299.943 79.9126 300.931 79.2727C300.555 77.8864 300.196 76.4853 299.747 75.1624C301.23 75.7557 302.782 76.9163 304.293 77.7264C305.086 76.5292 305.915 75.3729 306.638 74.0951Z" fill="white"/></g></g><path d="M245.82 168.987C245.767 169.739 245.479 170.369 244.954 170.878C244.429 171.387 243.773 171.678 242.987 171.751L242.896 173.041C242.892 173.11 242.866 173.165 242.819 173.206C242.771 173.247 242.714 173.266 242.645 173.261L241.655 173.192C241.591 173.187 241.538 173.16 241.494 173.11C241.451 173.06 241.432 173.003 241.436 172.939L241.526 171.649C241.207 171.583 240.9 171.485 240.607 171.355C240.313 171.226 240.073 171.1 239.885 170.975C239.697 170.851 239.524 170.721 239.367 170.584C239.209 170.447 239.102 170.347 239.045 170.283C238.988 170.22 238.948 170.173 238.926 170.142C238.85 170.033 238.852 169.932 238.932 169.838L239.757 168.896C239.795 168.849 239.853 168.824 239.932 168.82C240.006 168.815 240.064 168.841 240.104 168.898L240.118 168.914C240.636 169.439 241.209 169.788 241.836 169.96C242.014 170.012 242.194 170.044 242.375 170.057C242.771 170.085 243.127 170.003 243.443 169.813C243.759 169.623 243.93 169.334 243.957 168.945C243.967 168.808 243.939 168.675 243.874 168.547C243.81 168.419 243.735 168.31 243.65 168.22C243.566 168.131 243.429 168.028 243.24 167.914C243.052 167.8 242.896 167.71 242.772 167.644C242.649 167.579 242.459 167.485 242.202 167.364C242.017 167.272 241.871 167.2 241.764 167.148C241.657 167.096 241.511 167.02 241.326 166.921C241.141 166.822 240.994 166.735 240.883 166.66C240.773 166.586 240.641 166.489 240.487 166.37C240.333 166.25 240.21 166.137 240.116 166.029C240.023 165.921 239.925 165.793 239.823 165.645C239.72 165.498 239.643 165.349 239.592 165.2C239.541 165.051 239.501 164.884 239.472 164.699C239.443 164.514 239.436 164.321 239.45 164.12C239.497 163.441 239.779 162.864 240.294 162.386C240.809 161.909 241.456 161.623 242.234 161.529L242.327 160.202C242.331 160.139 242.358 160.085 242.408 160.042C242.458 159.998 242.515 159.979 242.578 159.983L243.569 160.052C243.637 160.057 243.692 160.083 243.733 160.13C243.774 160.178 243.792 160.236 243.787 160.305L243.696 161.602C243.973 161.651 244.24 161.726 244.495 161.828C244.751 161.93 244.958 162.027 245.117 162.12C245.275 162.212 245.424 162.315 245.563 162.429C245.703 162.542 245.793 162.62 245.834 162.662C245.876 162.705 245.91 162.742 245.937 162.773C246.014 162.868 246.02 162.962 245.954 163.056L245.285 164.091C245.24 164.162 245.181 164.197 245.108 164.197C245.038 164.207 244.973 164.185 244.913 164.131C244.9 164.115 244.866 164.083 244.813 164.035C244.76 163.987 244.669 163.915 244.54 163.82C244.412 163.725 244.274 163.636 244.128 163.554C243.981 163.472 243.803 163.396 243.594 163.324C243.386 163.253 243.178 163.21 242.973 163.196C242.508 163.163 242.122 163.242 241.813 163.433C241.505 163.624 241.339 163.886 241.316 164.22C241.307 164.348 241.319 164.468 241.353 164.579C241.388 164.69 241.453 164.797 241.549 164.9C241.645 165.003 241.736 165.09 241.821 165.163C241.907 165.236 242.039 165.321 242.216 165.42C242.394 165.519 242.537 165.596 242.646 165.65C242.756 165.705 242.922 165.784 243.146 165.889C243.398 166.005 243.591 166.097 243.724 166.163C243.857 166.229 244.037 166.328 244.264 166.46C244.49 166.592 244.668 166.709 244.796 166.812C244.924 166.914 245.067 167.048 245.225 167.212C245.383 167.376 245.502 167.541 245.581 167.707C245.661 167.873 245.724 168.067 245.773 168.287C245.821 168.508 245.837 168.741 245.82 168.987Z" fill="#0068A0"/><rect x="240.659" y="143.036" width="74.1481" height="10.5926" transform="rotate(4 240.659 143.036)" fill="#DCDDE1"/><rect x="252.575" y="162.452" width="32.6605" height="10.5926" transform="rotate(4 252.575 162.452)" fill="#BFE8FF"/><rect x="328.66" y="112.025" width="33.5432" height="33.5432" rx="16.7716" transform="rotate(4 328.66 112.025)" fill="#FE544F"/><g clip-path="url(#shoppablefeedclip0_557_17550)"><path d="M338.611 121.57C338.377 121.554 338.147 121.631 337.97 121.784C337.794 121.938 337.685 122.155 337.669 122.389C337.653 122.622 337.73 122.853 337.883 123.03C338.037 123.206 338.254 123.315 338.488 123.331L339.562 123.406L339.756 124.501C339.757 124.514 339.759 124.526 339.762 124.539L340.623 129.404L339.782 130.134C338.595 131.166 339.248 133.118 340.817 133.227L348.377 133.756C348.611 133.772 348.841 133.695 349.018 133.542C349.195 133.388 349.303 133.171 349.319 132.937C349.336 132.704 349.259 132.473 349.105 132.296C348.952 132.12 348.734 132.011 348.5 131.995L340.94 131.466L341.882 130.647L347.682 131.053C347.845 131.064 348.008 131.03 348.153 130.954C348.299 130.877 348.419 130.762 348.503 130.621L351.514 125.522C351.59 125.393 351.632 125.246 351.636 125.096C351.64 124.945 351.605 124.796 351.535 124.663C351.465 124.53 351.363 124.417 351.237 124.335C351.111 124.252 350.966 124.204 350.816 124.193L341.376 123.533L341.18 122.419C341.145 122.226 341.047 122.049 340.901 121.917C340.755 121.786 340.568 121.707 340.372 121.693L338.611 121.57Z" fill="white"/><path d="M349.104 136.019C349.08 136.369 348.917 136.696 348.652 136.926C348.387 137.156 348.041 137.272 347.691 137.248C347.34 137.223 347.014 137.06 346.784 136.795C346.553 136.53 346.438 136.185 346.462 135.834C346.487 135.484 346.649 135.158 346.915 134.928C347.18 134.697 347.525 134.581 347.876 134.606C348.226 134.63 348.552 134.793 348.782 135.058C349.013 135.323 349.129 135.669 349.104 136.019Z" fill="white"/><path d="M340.646 136.755C340.996 136.78 341.342 136.664 341.607 136.433C341.872 136.203 342.035 135.877 342.059 135.527C342.084 135.176 341.968 134.831 341.738 134.566C341.507 134.3 341.181 134.138 340.831 134.113C340.48 134.089 340.135 134.204 339.87 134.435C339.605 134.665 339.442 134.992 339.417 135.342C339.393 135.692 339.509 136.038 339.739 136.303C339.969 136.568 340.296 136.731 340.646 136.755Z" fill="white"/></g><path d="M355.663 146.817L355.732 145.836L354.644 145.76L354.712 144.78L352.537 144.628L352.605 143.647L349.342 143.419L349.411 142.438L347.235 142.286L347.509 138.363L346.422 138.287L346.49 137.307L344.315 137.155L344.246 138.135L343.158 138.059L342.541 146.885L341.454 146.809L341.522 145.828L338.259 145.6L337.985 149.523L339.072 149.599L338.935 151.56L340.023 151.636L339.886 153.597L340.974 153.673L340.836 155.634L341.924 155.711L341.718 158.652L353.684 159.489L353.958 155.567L355.046 155.643L355.252 152.701L354.164 152.625L353.958 155.567L352.87 155.491L352.665 158.432L342.875 157.748L343.012 155.787L341.924 155.711L342.061 153.749L340.974 153.673L341.111 151.712L340.023 151.636L340.16 149.675L339.072 149.599L339.278 146.657L341.454 146.809L341.385 147.789L342.473 147.866L342.267 150.807L343.355 150.883L344.246 138.135L346.422 138.287L345.805 147.113L346.892 147.189L347.167 143.267L349.342 143.419L349.068 147.341L350.156 147.417L350.361 144.475L352.537 144.628L352.263 148.55L353.35 148.626L353.556 145.684L354.644 145.76L354.575 146.741L355.663 146.817L355.252 152.701L356.339 152.777L356.751 146.893L355.663 146.817Z" fill="#141B38"/><path d="M354.164 152.625L355.252 152.701L355.663 146.817L354.576 146.741L354.644 145.76L353.556 145.684L353.351 148.626L352.263 148.55L352.537 144.628L350.362 144.476L350.156 147.417L349.068 147.341L349.342 143.419L347.167 143.267L346.893 147.189L345.805 147.113L346.422 138.287L344.247 138.135L343.355 150.884L342.267 150.807L342.473 147.866L341.385 147.79L341.454 146.809L339.278 146.657L339.073 149.599L340.16 149.675L340.023 151.636L341.111 151.712L340.974 153.673L342.062 153.749L341.924 155.711L343.012 155.787L342.875 157.748L352.665 158.433L352.871 155.491L353.958 155.567L354.164 152.625Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M345.6 150.055L346.687 150.131L346.364 154.754L345.276 154.678L345.6 150.055ZM348.861 150.283L347.774 150.207L347.45 154.83L348.538 154.906L348.861 150.283ZM351.037 150.435L349.949 150.359L349.626 154.982L350.714 155.058L351.037 150.435Z" fill="#141B38"/><g filter="url(#shoppablefeedfilter2_d_557_17550)"><g clip-path="url(#shoppablefeedclip1_557_17550)"><rect x="19.4355" y="57.3804" width="135.359" height="149.741" rx="1.66935" transform="rotate(-4 19.4355 57.3804)" fill="white"/><path d="M40.0569 158.253C41.1801 158.146 44.5242 157.862 48.9146 157.582C54.4026 157.233 54.4056 157.275 59.0454 156.925C63.6853 156.575 64.5256 156.465 75.9223 155.719C87.319 154.974 85.2092 155.121 91.115 154.683C97.0207 154.244 97.8637 154.172 108.838 153.443C117.617 152.86 127.969 152.133 132.047 151.842" stroke="#DCDDE1" stroke-width="6.76797"/><path d="M41.2028 174.638C42.3263 174.535 45.6709 174.258 50.061 173.974C55.5487 173.62 55.5512 173.657 60.1913 173.31C64.8314 172.964 64.4079 172.971 75.8041 172.219C87.2003 171.466 86.3557 171.515 92.6848 171.066" stroke="#DCDDE1" stroke-width="6.76797"/><g clip-path="url(#shoppablefeedclip2_557_17550)"><rect x="28.8848" y="56.2416" width="126" height="85" transform="rotate(-4 28.8848 56.2416)" fill="#2C324C"/><circle cx="55.061" cy="87.8833" r="69.4519" transform="rotate(-4 55.061 87.8833)" fill="#0068A0"/><circle cx="169.165" cy="150.611" r="72.1466" transform="rotate(-4 169.165 150.611)" fill="#FE544F"/><g filter="url(#shoppablefeedfilter3_dd_557_17550)"><mask id="shoppablefeedmask1_557_17550" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="48" y="63" width="85" height="66"><path fill-rule="evenodd" clip-rule="evenodd" d="M99.0497 64.5008C99.3159 68.3075 94.9027 71.7172 89.1926 72.1164C83.4825 72.5157 78.6378 69.7535 78.3716 65.9467C78.3716 65.9467 78.3716 65.9467 78.3715 65.9467L68.5145 66.6359C68.4031 66.6437 68.2952 66.6784 68.2002 66.737L60.7405 71.3345C60.7395 71.3351 60.739 71.3362 60.7391 71.3374C60.739 71.3365 60.7379 71.336 60.7372 71.3365L49.2225 78.8298C48.9775 78.9893 48.8594 79.2856 48.9274 79.5698L52.5559 94.7276C52.6489 95.1162 53.0511 95.3451 53.4327 95.2267L62.9064 92.2867C63.3127 92.1606 63.7354 92.4282 63.7952 92.8495L68.8327 128.308C68.8837 128.667 69.2033 128.925 69.5649 128.9L117.909 125.52C118.27 125.494 118.551 125.194 118.552 124.831L118.605 88.9987C118.606 88.5767 118.981 88.2538 119.399 88.3164L129.898 89.8909C130.289 89.9496 130.65 89.6677 130.688 89.2734L132.171 73.7607C132.2 73.4641 132.035 73.1826 131.762 73.0626L118.741 67.3309C118.693 67.3098 118.639 67.3439 118.637 67.3962C118.638 67.3298 118.598 67.2696 118.537 67.2429L110.609 63.7715C110.507 63.7267 110.395 63.7074 110.284 63.7152L99.0498 64.5007C99.0497 64.5007 99.0497 64.5007 99.0497 64.5008Z" fill="white"/></mask><g mask="url(#shoppablefeedmask1_557_17550)"><rect x="42.1084" y="64.3252" width="99.4973" height="74.623" transform="rotate(-2 42.1084 64.3252)" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M90.1159 89.5619C88.4449 88.8801 86.6928 87.8358 85.0752 87.3778C85.6909 88.7134 86.221 90.1407 86.7672 91.5507C85.8032 92.3293 84.6669 92.9472 83.584 93.6151C84.5566 94.5116 85.907 95.0031 86.9961 95.7747C86.1829 96.853 84.5514 98.0011 84.1777 98.9657C85.9293 98.6838 87.9668 98.2548 89.6011 98.1252C90.0239 99.9205 90.2786 101.896 90.848 103.534C91.5332 101.316 92.1429 99.0275 92.9782 96.9493C94.3977 97.4792 96.1277 98.1254 97.5056 98.4189C96.5002 97.1077 95.5757 95.7098 94.6756 94.2857C95.9006 93.331 97.1405 92.3903 98.3182 91.3914C96.6009 91.2935 94.824 91.2595 93.0233 91.2508C92.6728 89.406 92.6705 87.1879 92.1715 85.5023C91.5551 86.9196 90.8146 88.2213 90.1159 89.5619ZM91.4652 104.896C91.273 105.872 92.0317 106.243 91.9398 106.833C91.1955 106.605 90.6377 106.494 89.6553 106.669C89.6598 105.913 90.335 105.782 90.1619 104.86C79.5989 104.032 78.9138 85.0208 89.334 83.4854C102.363 81.5656 103.562 104.137 91.4652 104.896Z" fill="#FE544F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M92.1716 85.5022C92.6706 87.1877 92.6729 89.4059 93.0234 91.2507C94.824 91.2593 96.601 91.2933 98.3183 91.3913C97.1406 92.3901 95.9007 93.3309 94.6757 94.2855C95.5758 95.7097 96.5003 97.1075 97.5057 98.4187C96.1278 98.1252 94.3978 97.479 92.9782 96.9491C92.143 99.0274 91.5333 101.316 90.8481 103.534C90.2787 101.896 90.024 99.9204 89.6012 98.125C87.9669 98.2547 85.9294 98.6837 84.1778 98.9655C84.5514 98.001 86.183 96.8528 86.9962 95.7745C85.907 95.0029 84.5567 94.5115 83.584 93.6149C84.6669 92.9471 85.8032 92.3291 86.7673 91.5505C86.2211 90.1405 85.691 88.7132 85.0753 87.3776C86.6928 87.8357 88.445 88.8799 90.116 89.5618C90.8147 88.2211 91.5551 86.9195 92.1716 85.5022Z" fill="white"/></g></g></g></g></g><path d="M169 126C178.5 138 207.5 138 214 128" stroke="#8C8F9A" stroke-width="2" stroke-dasharray="3 3"/><path d="M212.852 124.415L218.453 123.627L218.442 128.627L212.852 124.415Z" fill="#8C8F9A"/><defs><filter id="shoppablefeedfilter0_d_557_17550" x="216.61" y="34.7618" width="167.782" height="182.523" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.68407" operator="erode" in="SourceAlpha" result="effect1_dropShadow_557_17550"/><feOffset dy="3.57876"/><feGaussianBlur stdDeviation="4.92079"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_17550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_557_17550" result="shape"/></filter><filter id="shoppablefeedfilter1_dd_557_17550" x="262.428" y="49.9833" width="89.7433" height="71.0389" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1.31277" dy="1.31277"/><feGaussianBlur stdDeviation="2.62553"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_17550"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="0.656383"/><feGaussianBlur stdDeviation="0.328192"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend mode="normal" in2="effect1_dropShadow_557_17550" result="effect2_dropShadow_557_17550"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_557_17550" result="shape"/></filter><filter id="shoppablefeedfilter2_d_557_17550" x="12.6676" y="44.5542" width="159.011" height="172.355" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="2.53799" operator="erode" in="SourceAlpha" result="effect1_dropShadow_557_17550"/><feOffset dy="3.38398"/><feGaussianBlur stdDeviation="4.65298"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_17550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_557_17550" result="shape"/></filter><filter id="shoppablefeedfilter3_dd_557_17550" x="44.7625" y="59.5677" width="94.3219" height="76.2436" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1.38191" dy="1.38191"/><feGaussianBlur stdDeviation="2.76381"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_557_17550"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="0.690954"/><feGaussianBlur stdDeviation="0.345477"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend mode="normal" in2="effect1_dropShadow_557_17550" result="effect2_dropShadow_557_17550"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_557_17550" result="shape"/></filter><clipPath id="shoppablefeedclip0_557_17550"><rect width="17.6543" height="17.6543" fill="white" transform="translate(336.031 120.505) rotate(4)"/></clipPath><clipPath id="shoppablefeedclip1_557_17550"><rect x="19.4355" y="57.3804" width="135.359" height="149.741" rx="1.66935" transform="rotate(-4 19.4355 57.3804)" fill="white"/></clipPath><clipPath id="shoppablefeedclip2_557_17550"><rect width="136" height="85" fill="white" transform="translate(18.9092 56.9391) rotate(-4)"/></clipPath></defs></svg>',
451
+ 'popupContentBtn' => '<div class="sbi-fb-extpp-lite-btn">' . self::builder_svg_icons()['tag'] . __( 'Instagram Pro users get 50% OFF', 'instagram-feed' ) . '</div>',
452
+ 'bullets' => array(
453
  'heading' => __( 'And get much more!', 'instagram-feed' ),
454
+ 'content' => array(
455
  __( 'Display Hashtag & Tagged feeds', 'instagram-feed' ),
456
  __( 'Powerful visual moderation', 'instagram-feed' ),
457
  __( 'Comments and Likes', 'instagram-feed' ),
464
  __( 'Post captions', 'instagram-feed' ),
465
  __( 'Combine multiple feed types', 'instagram-feed' ),
466
  __( '30 day money back guarantee', 'instagram-feed' ),
467
+ )
468
+ ),
469
+ 'buyUrl' => sprintf( 'https://smashballoon.com/instagram-feed/demo/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=shoppable' )
470
  ),
471
+ ),
472
+ 'personalAccountScreen' => self::personal_account_screen_text(),
 
473
 
474
+ );
475
 
476
  if ( $newly_retrieved_source_connection_data ) {
477
  $sbi_builder['newSourceData'] = $newly_retrieved_source_connection_data;
478
  }
479
 
480
+ if ( isset( $_GET['manualsource'] ) && $_GET['manualsource'] == true ) {
481
+ $sbi_builder['manualSourcePopupInit'] = true;
482
+ }
483
 
484
+ $maybe_feed_customizer_data = SBI_Feed_Saver_Manager::maybe_feed_customizer_data();
485
 
486
+ if ( $maybe_feed_customizer_data ) {
487
+ sb_instagram_scripts_enqueue( true );
488
+ $sbi_builder['customizerFeedData'] = $maybe_feed_customizer_data;
489
+ $sbi_builder['customizerSidebarBuilder'] = \InstagramFeed\Builder\Tabs\SBI_Builder_Customizer_Tab::get_customizer_tabs();
490
+ $sbi_builder['wordpressPageLists'] = $this->get_wp_pages();
491
+ $sbi_builder['instagram_feed_dismiss_lite'] = get_transient( 'instagram_feed_dismiss_lite' );
492
 
493
  if ( ! isset( $_GET['feed_id'] ) || $_GET['feed_id'] === 'legacy' ) {
494
+ $feed_id = 'legacy';
495
+ $customizer_atts = array(
496
+ 'feed' => 'legacy',
497
+ 'customizer' => true
498
+ );
499
  } elseif ( intval( $_GET['feed_id'] ) > 0 ) {
500
+ $feed_id = intval( $_GET['feed_id'] );
501
+ $customizer_atts = array(
502
+ 'feed' => $feed_id,
503
+ 'customizer' => true
504
+ );
505
  }
506
 
507
+ if ( ! empty( $feed_id ) ) {
508
+ $settings_preview = self::add_customizer_att( $customizer_atts );
509
  if ( $feed_id === 'legacy' ) {
510
+ $preview_settings = \SB_Instagram_Settings::get_legacy_feed_settings();
511
  $preview_settings['customizer'] = true;
512
+ $sbi_builder['feedInitOutput'] = htmlspecialchars( display_instagram( $customizer_atts, $preview_settings ) );
513
  } else {
514
+ $sbi_builder['feedInitOutput'] = htmlspecialchars( display_instagram( $settings_preview, true ) );
515
  }
516
+ }
517
+
518
+ // Date
519
+ global $wp_locale;
520
+ wp_enqueue_script(
521
+ 'sbi-date_i18n',
522
+ SBI_PLUGIN_URL . 'admin/builder/assets/js/date_i18n.js',
523
+ null,
524
+ SBIVER,
525
+ true
526
+ );
527
+
528
+ $monthNames = array_map(
529
+ array( &$wp_locale, 'get_month' ),
530
+ range( 1, 12 )
531
  );
532
  $monthNamesShort = array_map(
533
+ array( &$wp_locale, 'get_month_abbrev' ),
534
  $monthNames
535
  );
536
+ $dayNames = array_map(
537
+ array( &$wp_locale, 'get_weekday' ),
538
+ range( 0, 6 )
539
  );
540
+ $dayNamesShort = array_map(
541
+ array( &$wp_locale, 'get_weekday_abbrev' ),
542
  $dayNames
543
  );
544
+ wp_localize_script(
545
+ 'sbi-date_i18n',
546
+ 'DATE_I18N',
547
+ array(
548
+ 'month_names' => $monthNames,
549
+ 'month_names_short' => $monthNamesShort,
550
+ 'day_names' => $dayNames,
551
+ 'day_names_short' => $dayNamesShort
552
  )
553
  );
554
+ }
555
+
556
+ wp_enqueue_style(
557
+ 'sbi-builder-style',
558
+ SBI_PLUGIN_URL . 'admin/builder/assets/css/builder.css',
559
+ false,
560
+ SBIVER
561
+ );
562
+
563
+ self::global_enqueue_ressources_scripts();
564
+
565
+ wp_enqueue_script(
566
+ 'sbi-builder-app',
567
+ SBI_PLUGIN_URL . 'admin/builder/assets/js/builder.js',
568
+ null,
569
+ SBIVER,
570
+ true
571
+ );
572
+ // Customize screens
573
+ $sbi_builder['customizeScreens'] = $this->get_customize_screens_text();
574
+ wp_localize_script(
575
+ 'sbi-builder-app',
576
+ 'sbi_builder',
577
+ $sbi_builder
578
+ );
579
+ wp_enqueue_media();
580
+ endif;
581
  endif;
582
  }
583
 
588
  *
589
  * @since 6.0
590
  */
591
+ public function get_wp_pages() {
592
+ $pagesList = get_pages();
593
+ $pagesResult = array();
594
+ if ( is_array( $pagesList ) ) {
595
+ foreach ( $pagesList as $page ) {
596
+ array_push(
597
+ $pagesResult,
598
+ array(
599
+ 'id' => $page->ID,
600
+ 'title' => $page->post_title
601
+ )
602
+ );
603
  }
604
  }
605
  return $pagesResult;
613
  *
614
  * @since 6.0
615
  */
616
+ public static function global_enqueue_ressources_scripts( $is_settings = false ) {
617
+ wp_enqueue_style(
618
+ 'feed-global-style',
619
+ SBI_PLUGIN_URL . 'admin/builder/assets/css/global.css',
620
+ false,
621
+ SBIVER
622
+ );
623
+
624
+ wp_enqueue_script(
625
+ 'sb-vue',
626
+ SBI_PLUGIN_URL . 'js/vue.min.js',
627
+ null,
628
+ '2.6.12',
629
+ true
630
+ );
631
+
632
+ wp_enqueue_script(
633
+ 'feed-colorpicker-vue',
634
+ SBI_PLUGIN_URL . 'admin/builder/assets/js/vue-color.min.js',
635
  null,
636
+ SBIVER,
637
  true
638
  );
639
 
640
  wp_enqueue_script(
641
+ 'feed-builder-ressources',
642
+ SBI_PLUGIN_URL . 'admin/builder/assets/js/ressources.js',
643
+ null,
644
+ SBIVER,
645
+ true
646
+ );
647
+
648
+ wp_enqueue_script(
649
+ 'sb-dialog-box',
650
+ SBI_PLUGIN_URL . 'admin/builder/assets/js/confirm-dialog.js',
651
+ null,
652
+ SBIVER,
653
+ true
654
+ );
655
+
656
+ wp_enqueue_script(
657
+ 'install-plugin-popup',
658
+ SBI_PLUGIN_URL . 'admin/builder/assets/js/install-plugin-popup.js',
659
+ null,
660
+ SBIVER,
661
+ true
662
+ );
663
+
664
+ wp_enqueue_script(
665
+ 'sb-add-source',
666
+ SBI_PLUGIN_URL . 'admin/builder/assets/js/add-source.js',
667
  null,
668
  SBIVER,
669
  true
670
  );
671
 
672
+ $newly_retrieved_source_connection_data = SBI_Source::maybe_source_connection_data();
673
+ $sbi_source = array(
674
+ 'sources' => self::get_source_list(),
675
+ 'sourceConnectionURLs' => SBI_Source::get_connection_urls( $is_settings ),
676
+ 'nonce' => wp_create_nonce( 'sbi-admin' ),
677
+ );
678
+ if ( $newly_retrieved_source_connection_data ) {
679
+ $sbi_source['newSourceData'] = $newly_retrieved_source_connection_data;
680
+ }
681
+
682
+ if ( isset( $_GET['manualsource'] ) && $_GET['manualsource'] == true ) {
683
+ $sbi_source['manualSourcePopupInit'] = true;
684
+ }
685
+
686
+ wp_localize_script(
687
+ 'sb-add-source',
688
+ 'sbi_source',
689
+ $sbi_source
690
+ );
691
+
692
  wp_enqueue_script(
693
+ 'sb-personal-account',
694
+ SBI_PLUGIN_URL . 'admin/builder/assets/js/personal-account.js',
695
+ null,
696
+ SBIVER,
697
+ true
698
+ );
699
+
700
+ $sbi_personal_account = array(
701
+ 'personalAccountScreen' => self::personal_account_screen_text(),
702
+ 'nonce' => wp_create_nonce( 'sbi-admin' ),
703
+ 'ajaxHandler' => admin_url( 'admin-ajax.php' ),
704
+ );
705
+
706
+ wp_localize_script(
707
+ 'sb-personal-account',
708
+ 'sbi_personal_account',
709
+ $sbi_personal_account
710
+ );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
711
  }
712
 
713
  /**
717
  *
718
  * @since 6.0
719
  */
720
+ public static function get_generic_text() {
721
+ $icons = self::builder_svg_icons();
722
  return array(
723
+ 'done' => __( 'Done', 'instagram-feed' ),
724
+ 'title' => __( 'Settings', 'instagram-feed' ),
725
+ 'dashboard' => __( 'Dashboard', 'instagram-feed' ),
726
+ 'addNew' => __( 'Add New', 'instagram-feed' ),
727
+ 'addSource' => __( 'Add Source', 'instagram-feed' ),
728
+ 'addAnotherSource' => __( 'Add another Source', 'instagram-feed' ),
729
+ 'addSourceType' => __( 'Add Another Source Type', 'instagram-feed' ),
730
+ 'previous' => __( 'Previous', 'instagram-feed' ),
731
+ 'next' => __( 'Next', 'instagram-feed' ),
732
+ 'finish' => __( 'Finish', 'instagram-feed' ),
733
+ 'new' => __( 'New', 'instagram-feed' ),
734
+ 'update' => __( 'Update', 'instagram-feed' ),
735
+ 'upgrade' => __( 'Try the Pro Demo', 'instagram-feed' ),
736
+ 'settings' => __( 'Settings', 'instagram-feed' ),
737
+ 'back' => __( 'Back', 'instagram-feed' ),
738
+ 'backAllFeeds' => __( 'Back to all feeds', 'instagram-feed' ),
739
+ 'createFeed' => __( 'Create Feed', 'instagram-feed' ),
740
+ 'add' => __( 'Add', 'instagram-feed' ),
741
+ 'change' => __( 'Change', 'instagram-feed' ),
742
+ 'getExtention' => __( 'Get Extension', 'instagram-feed' ),
743
+ 'viewDemo' => __( 'View Demo', 'instagram-feed' ),
744
+ 'includes' => __( 'Includes', 'instagram-feed' ),
745
+ 'photos' => __( 'Photos', 'instagram-feed' ),
746
+ 'photo' => __( 'Photo', 'instagram-feed' ),
747
+ 'apply' => __( 'Apply', 'instagram-feed' ),
748
+ 'copy' => __( 'Copy', 'instagram-feed' ),
749
+ 'edit' => __( 'Edit', 'instagram-feed' ),
750
+ 'duplicate' => __( 'Duplicate', 'instagram-feed' ),
751
+ 'delete' => __( 'Delete', 'instagram-feed' ),
752
+ 'remove' => __( 'Remove', 'instagram-feed' ),
753
+ 'removeSource' => __( 'Remove Source', 'instagram-feed' ),
754
+ 'shortcode' => __( 'Shortcode', 'instagram-feed' ),
755
+ 'clickViewInstances' => __( 'Click to view Instances', 'instagram-feed' ),
756
+ 'usedIn' => __( 'Used in', 'instagram-feed' ),
757
+ 'place' => __( 'place', 'instagram-feed' ),
758
+ 'places' => __( 'places', 'instagram-feed' ),
759
+ 'item' => __( 'Item', 'instagram-feed' ),
760
+ 'items' => __( 'Items', 'instagram-feed' ),
761
+ 'learnMore' => __( 'Learn More', 'instagram-feed' ),
762
+ 'location' => __( 'Location', 'instagram-feed' ),
763
+ 'page' => __( 'Page', 'instagram-feed' ),
764
+ 'copiedClipboard' => __( 'Copied to Clipboard', 'instagram-feed' ),
765
+ 'feedImported' => __( 'Feed imported successfully', 'instagram-feed' ),
766
+ 'failedToImportFeed' => __( 'Failed to import feed', 'instagram-feed' ),
767
+ 'timeline' => __( 'Timeline', 'instagram-feed' ),
768
+ 'help' => __( 'Help', 'instagram-feed' ),
769
+ 'admin' => __( 'Admin', 'instagram-feed' ),
770
+ 'member' => __( 'Member', 'instagram-feed' ),
771
+ 'reset' => __( 'Reset', 'instagram-feed' ),
772
+ 'preview' => __( 'Preview', 'instagram-feed' ),
773
+ 'name' => __( 'Name', 'instagram-feed' ),
774
+ 'id' => __( 'ID', 'instagram-feed' ),
775
+ 'token' => __( 'Token', 'instagram-feed' ),
776
+ 'confirm' => __( 'Confirm', 'instagram-feed' ),
777
+ 'cancel' => __( 'Cancel', 'instagram-feed' ),
778
+ 'clear' => __( 'Clear', 'instagram-feed' ),
779
+ 'clearFeedCache' => __( 'Clear Feed Cache', 'instagram-feed' ),
780
+ 'saveSettings' => __( 'Save Changes', 'instagram-feed' ),
781
+ 'feedName' => __( 'Feed Name', 'instagram-feed' ),
782
+ 'shortcodeText' => __( 'Shortcode', 'instagram-feed' ),
783
+ 'general' => __( 'General', 'instagram-feed' ),
784
+ 'feeds' => __( 'Feeds', 'instagram-feed' ),
785
+ 'translation' => __( 'Translation', 'instagram-feed' ),
786
+ 'advanced' => __( 'Advanced', 'instagram-feed' ),
787
+ 'error' => __( 'Error:', 'instagram-feed' ),
788
+ 'errorNotice' => __( 'There was an error when trying to connect to Instagram.', 'instagram-feed' ),
789
+ 'errorDirections' => '<a href="https://smashballoon.com/instagram-feed/docs/errors/" target="_blank" rel="noopener">' . __( 'Directions on How to Resolve This Issue', 'instagram-feed' ) . '</a>',
790
+ 'errorSource' => __( 'Source Invalid', 'instagram-feed' ),
791
+ 'errorEncryption' => __( 'Encryption Error', 'instagram-feed' ),
792
+ 'invalid' => __( 'Invalid', 'instagram-feed' ),
793
+ 'reconnect' => __( 'Reconnect', 'instagram-feed' ),
794
+ 'feed' => __( 'feed', 'instagram-feed' ),
795
+ 'sourceNotUsedYet' => __( 'Source is not used yet', 'instagram-feed' ),
796
+ 'addImage' => __( 'Add Image', 'instagram-feed' ),
797
+ 'businessRequired' => __( 'Business Account required', 'instagram-feed' ),
798
+ 'selectedPost' => __( 'Selected Post', 'instagram-feed' ),
799
+ 'productLink' => __( 'Product Link', 'instagram-feed' ),
800
+ 'enterProductLink' => __( 'Add your product URL here', 'instagram-feed' ),
801
+ 'editSources' => __( 'Edit Sources', 'instagram-feed' ),
802
+ 'moderateFeed' => __( 'Moderate your feed', 'instagram-feed' ),
803
+ 'moderateFeedSaveExit' => __( 'Save and Exit', 'instagram-feed' ),
804
+ 'moderationMode' => __( 'Moderation Mode', 'instagram-feed' ),
805
+ 'moderationModeEnterPostId' => __( 'Or Enter Post IDs to hide manually', 'instagram-feed' ),
806
  'moderationModeTextareaPlaceholder' => __( 'Add words here to hide any posts containing these words', 'instagram-feed' ),
807
+ 'filtersAndModeration' => __( 'Filters & Moderation', 'instagram-feed' ),
808
+ 'topRated' => __( 'Top Rated', 'instagram-feed' ),
809
+ 'mostRecent' => __( 'Most recent', 'instagram-feed' ),
810
+ 'moderationModePreview' => __( 'Moderation Mode Preview', 'instagram-feed' ),
811
 
812
+ 'notification' => array(
813
+ 'feedSaved' => array(
814
  'type' => 'success',
815
  'text' => __( 'Feed saved successfully', 'instagram-feed' )
816
  ),
817
+ 'feedSavedError' => array(
818
  'type' => 'error',
819
  'text' => __( 'Error saving Feed', 'instagram-feed' )
820
  ),
821
+ 'previewUpdated' => array(
822
  'type' => 'success',
823
  'text' => __( 'Preview updated successfully', 'instagram-feed' )
824
  ),
826
  'type' => 'success',
827
  'text' => __( 'Carousel updated successfully', 'instagram-feed' )
828
  ),
829
+ 'unkownError' => array(
830
  'type' => 'error',
831
  'text' => __( 'Unknown error occurred', 'instagram-feed' )
832
  ),
833
+ 'cacheCleared' => array(
834
  'type' => 'success',
835
  'text' => __( 'Feed cache cleared', 'instagram-feed' )
836
  ),
837
+ 'selectSourceError' => array(
838
  'type' => 'error',
839
  'text' => __( 'Please select a source for your feed', 'instagram-feed' )
840
  ),
841
+ 'commentCacheCleared' => array(
842
  'type' => 'success',
843
  'text' => __( 'Comment cache cleared', 'instagram-feed' )
844
  ),
845
+ 'personalAccountUpdated' => array(
846
+ 'type' => 'success',
847
+ 'text' => __( 'Personal account updated', 'instagram-feed' )
848
+ )
849
  ),
850
+ 'install' => __( 'Install', 'instagram-feed' ),
851
+ 'installed' => __( 'Installed', 'instagram-feed' ),
852
+ 'activate' => __( 'Activate', 'instagram-feed' ),
853
+ 'installedAndActivated' => __( 'Installed & Activated', 'instagram-feed' ),
854
+ 'free' => __( 'Free', 'instagram-feed' ),
855
+ 'invalidLicenseKey' => __( 'Invalid license key', 'instagram-feed' ),
856
+ 'licenseActivated' => __( 'License activated', 'instagram-feed' ),
857
+ 'licenseDeactivated' => __( 'License Deactivated', 'instagram-feed' ),
858
+ 'carouselLayoutUpdated' => array(
859
  'type' => 'success',
860
  'text' => __( 'Carousel Layout updated', 'instagram-feed' )
861
  ),
862
+ 'getMoreFeatures' => __( 'Get more features with Instagram Feed Pro', 'instagram-feed' ),
863
+ 'liteFeedUsers' => __( 'Lite users get 50% OFF', 'instagram-feed' ),
864
+ 'tryDemo' => __( 'Try Demo', 'instagram-feed' ),
865
+
866
+ 'displayImagesVideos' => __( 'Display images and videos in posts', 'instagram-feed' ),
867
+ 'viewLikesShares' => __( 'View likes, shares and comments', 'instagram-feed' ),
868
+ 'allFeedTypes' => __( 'All Feed Types: Photos, Albums, Events and more', 'instagram-feed' ),
869
+ 'abilityToLoad' => __( 'Ability to “Load More” posts', 'instagram-feed' ),
870
+
871
+ 'ctaHashtag' => __( 'Display Hashtag Feeds', 'instagram-feed' ),
872
+ 'ctaLayout' => __( 'Carousel, Masonry, & Highlight layouts', 'instagram-feed' ),
873
+ 'ctaPopups' => __( 'View posts in a pop-up lightbox', 'instagram-feed' ),
874
+ 'ctaFilter' => __( 'Powerful post filtering and moderation', 'instagram-feed' ),
875
+
876
+ 'andMuchMore' => __( 'And Much More!', 'instagram-feed' ),
877
+ 'sbiFreeCTAFeatures' => array(
 
878
  __( 'Create shoppable feeds', 'instagram-feed' ),
879
  __( 'Combine multiple feed types', 'instagram-feed' ),
880
  __( 'Display likes, captions & comments', 'instagram-feed' ),
885
  __( '30 day money back guarantee', 'instagram-feed' ),
886
  __( 'Fast, friendly, and effective support', 'instagram-feed' ),
887
  ),
888
+ 'ctaShowFeatures' => __( 'Show Features', 'instagram-feed' ),
889
+ 'ctaHideFeatures' => __( 'Hide Features', 'instagram-feed' ),
890
+ 'upgradeToPro' => __( 'Upgrade to Pro', 'instagram-feed' ),
891
+ 'redirectLoading' => array(
892
+ 'heading' => __( 'Redirecting to connect.smashballoon.com', 'instagram-feed' ),
893
+ 'description' => __( 'You will be redirected to our app so you can connect your account in 5 seconds', 'instagram-feed' ),
894
  ),
895
+ 'addAccountInfo' => __( 'Add Avatar and Bio', 'instagram-feed' ),
896
+ 'updateAccountInfo' => __( 'Update Avatar and Bio', 'instagram-feed' ),
897
+ 'personalAccountUpdated' => __( 'Personal account updated', 'instagram-feed' ),
898
  );
899
  }
900
 
907
  */
908
  public static function select_source_screen_text() {
909
  return array(
910
+ 'mainHeading' => __( 'Select one or more sources', 'instagram-feed' ),
911
+ 'description' => __( 'Sources are Instagram accounts your feed will display content from', 'instagram-feed' ),
912
+ 'emptySourceDescription' => __( 'Looks like you have not added any source.<br/>Use “Add Source” to add a new one.', 'instagram-feed' ),
913
+ 'mainHashtagHeading' => __( 'Enter Public Hashtags', 'instagram-feed' ),
914
+ 'hashtagDescription' => __( 'Add one or more hashtag separated by comma', 'instagram-feed' ),
915
+ 'hashtagGetBy' => __( 'Fetch posts that are', 'instagram-feed' ),
916
+
917
+ 'sourcesListPopup' => array(
918
+ 'user' => array(
919
  'mainHeading' => __( 'Add a source for Timeline', 'instagram-feed' ),
920
  'description' => __( 'Select or add an account you want to display the timeline for', 'instagram-feed' ),
921
  ),
926
  ),
927
 
928
  'perosnalAccountToolTipTxt' => array(
929
+ __(
930
+ 'Due to changes in Instagram’s new API, we can no<br/>
931
  longer get mentions for personal accounts. To<br/>
932
  enable this for your account, you will need to convert it to<br/>
933
+ a Business account. Learn More',
934
+ 'instagram-feed'
935
+ ),
936
  ),
937
+ 'groupsToolTip' => array(
938
  __( 'Due to Facebook limitations, it\'s not possible to display photo feeds from a Group, only a Page.', 'instagram-feed' )
939
  ),
940
+ 'updateHeading' => __( 'Update Source', 'instagram-feed' ),
941
+ 'updateDescription' => __( 'Select a source from your connected Facebook Pages and Groups. Or, use "Add New" to connect a new one.', 'instagram-feed' ),
942
+ 'updateFooter' => __( 'Add multiple Facebook Pages or Groups to a feed with our Multifeed extension', 'instagram-feed' ),
943
+ 'noSources' => __( 'Please add a source in order to display a feed. Go to the "Settings" tab -> "Sources" section -> Click "Add New" to connect a source.', 'instagram-feed' ),
944
+
945
+ 'multipleTypes' => array(
946
+ 'user' => array(
947
+ 'heading' => __( 'User Timeline', 'instagram-feed' ),
948
+ 'icon' => 'user',
949
+ 'description' => __( 'Connect an account to show posts for it.', 'instagram-feed' ),
950
+ 'actionType' => 'addSource'
951
+ ),
952
+ 'hashtag' => array(
953
+ 'heading' => __( 'Hashtag', 'instagram-feed' ),
954
+ 'icon' => 'hashtag',
955
+ 'description' => __( 'Add one or more hashtag separated by comma.', 'instagram-feed' ),
956
+ 'businessRequired' => true,
957
+ 'actionType' => 'inputHashtags'
958
+ ),
959
+ 'tagged' => array(
960
+ 'heading' => __( 'Tagged', 'instagram-feed' ),
961
+ 'icon' => 'mention',
962
+ 'description' => __( 'Connect an account to show tagged posts. This does not give us any permission to manage your Instagram account.', 'instagram-feed' ),
963
+ 'businessRequired' => true,
964
+ 'actionType' => 'addSource'
965
+ )
966
  ),
967
 
968
+ 'modal' => array(
969
+ 'addNew' => __( 'Connect your Instagram Account', 'instagram-feed' ),
970
+ 'selectSourceType' => __( 'Select Account Type', 'instagram-feed' ),
971
+ 'connectAccount' => __( 'Connect an Instagram Account', 'instagram-feed' ),
972
+ 'connectAccountDescription' => __( 'This does not give us permission to manage your Instagram account, it simply allows the plugin to see a list of them and retrieve their public content from the API.', 'instagram-feed' ),
973
+ 'connect' => __( 'Connect', 'instagram-feed' ),
974
+ 'enterEventToken' => __( 'Enter Events Access Token', 'instagram-feed' ),
975
+ 'enterEventTokenDescription' => sprintf( __( 'Due to restrictions by Facebook, you need to create a Facebook app and then paste that app Access Token here. We have a guide to help you with just that, which you can read %1$shere%2$s', 'instagram-feed' ), '<a href="https://smashballoon.com/instagram-feed/page-token/" target="_blank" rel="noopener">', '</a>' ),
976
+ 'alreadyHave' => __( 'Already have a API Token and Access Key for your account?', 'instagram-feed' ),
977
+ 'addManuallyLink' => __( 'Add Account Manually', 'instagram-feed' ),
978
+ 'selectAccount' => __( 'Select an Instagram Account', 'instagram-feed' ),
979
+ 'showing' => __( 'Showing', 'instagram-feed' ),
980
+ 'facebook' => __( 'Facebook', 'instagram-feed' ),
981
+ 'businesses' => __( 'Businesses', 'instagram-feed' ),
982
+ 'groups' => __( 'Groups', 'instagram-feed' ),
983
+ 'connectedTo' => __( 'connected to', 'instagram-feed' ),
984
+ 'addManually' => __( 'Add a Source Manually', 'instagram-feed' ),
985
+ 'addSource' => __( 'Add Source', 'instagram-feed' ),
986
+ 'sourceType' => __( 'Source Type', 'instagram-feed' ),
987
+ 'accountID' => __( 'Instagram Account ID', 'instagram-feed' ),
988
+ 'fAccountID' => __( 'Instagram Account ID', 'instagram-feed' ),
989
+ 'eventAccessToken' => __( 'Event Access Token', 'instagram-feed' ),
990
+ 'enterID' => __( 'Enter ID', 'instagram-feed' ),
991
+ 'accessToken' => __( 'Instagram Access Token', 'instagram-feed' ),
992
+ 'enterToken' => __( 'Enter Token', 'instagram-feed' ),
993
+ 'addApp' => __( 'Add Instagram App to your group', 'instagram-feed' ),
994
+ 'addAppDetails' => __( 'To get posts from your group, Instagram requires the "Smash Balloon Plugin" app to be added in your group settings. Just follow the directions here:', 'instagram-feed' ),
995
+ 'addAppSteps' => array(
996
  __( 'Go to your group settings page by ', 'instagram-feed' ),
997
+ sprintf( __( 'Search for "Smash Balloon" and select our app %1$s(see screenshot)%2$s', 'instagram-feed' ), '<a href="JavaScript:void(0);" id="sbi-group-app-tooltip">', '<img class="sbi-group-app-screenshot sb-tr-1" src="' . trailingslashit( SBI_PLUGIN_URL ) . 'admin/assets/img/group-app.png" alt="Thumbnail Layout"></a>' ),
998
  __( 'Click "Add" and you are done.', 'instagram-feed' )
999
+ ),
1000
+ 'alreadyExists' => __( 'Account already exists', 'instagram-feed' ),
1001
+ 'alreadyExistsExplanation' => __( 'The Instagram account you added is already connected as a “Business” account. Would you like to replace it with a “Personal“ account? (Note: Personal accounts cannot be used to display Mentions or Hashtag feeds.)', 'instagram-feed' ),
1002
+ 'replaceWithPersonal' => __( 'Replace with Personal', 'instagram-feed' ),
1003
+ 'notAdmin' => __( 'For groups you are not an administrator of', 'instagram-feed' ),
1004
+ 'disclaimerMentions' => __( 'Due to Instagram’s limitations, you need to connect a business account to display a Mentions timeline', 'instagram-feed' ),
1005
+ 'disclaimerHashtag' => __( 'Due to Instagram’s limitations, you need to connect a business account to display a Hashtag feed', 'instagram-feed' ),
1006
+ 'notSureToolTip' => __( 'Select "Personal" if displaying a regular feed of posts, as this can display feeds from either a Personal or Business account. For displaying a Hashtag or Tagged feed, you must have an Instagram Business account. If needed, you can convert a Personal account into a Business account by following the directions {link}here{link}.', 'instagram-feed' )
1007
  ),
1008
+ 'footer' => array(
1009
  'heading' => __( 'Add feeds for popular social platforms with <span>our other plugins</span>', 'instagram-feed' ),
1010
  ),
1011
+ 'personal' => __( 'Personal', 'instagram-feed' ),
1012
+ 'business' => __( 'Business', 'instagram-feed' ),
1013
+ 'notSure' => __( "I'm not sure", 'instagram-feed' ),
1014
  );
1015
  }
1016
 
1022
  * @since 6.0
1023
  */
1024
  public static function builder_svg_icons() {
1025
+ $builder_svg_icons = array(
1026
+ 'youtube' => '<svg viewBox="0 0 14 11" fill="none"><path d="M5.66683 7.5L9.12683 5.5L5.66683 3.5V7.5ZM13.3735 2.28C13.4602 2.59334 13.5202 3.01334 13.5602 3.54667C13.6068 4.08 13.6268 4.54 13.6268 4.94L13.6668 5.5C13.6668 6.96 13.5602 8.03334 13.3735 8.72C13.2068 9.32 12.8202 9.70667 12.2202 9.87334C11.9068 9.96 11.3335 10.02 10.4535 10.06C9.58683 10.1067 8.7935 10.1267 8.06016 10.1267L7.00016 10.1667C4.20683 10.1667 2.46683 10.06 1.78016 9.87334C1.18016 9.70667 0.793496 9.32 0.626829 8.72C0.540163 8.40667 0.480163 7.98667 0.440163 7.45334C0.393496 6.92 0.373496 6.46 0.373496 6.06L0.333496 5.5C0.333496 4.04 0.440163 2.96667 0.626829 2.28C0.793496 1.68 1.18016 1.29334 1.78016 1.12667C2.0935 1.04 2.66683 0.980002 3.54683 0.940002C4.4135 0.893336 5.20683 0.873336 5.94016 0.873336L7.00016 0.833336C9.7935 0.833336 11.5335 0.940003 12.2202 1.12667C12.8202 1.29334 13.2068 1.68 13.3735 2.28Z"/></svg>',
1027
+ 'twitter' => '<svg viewBox="0 0 14 12" fill="none"><path d="M13.9735 1.50001C13.4602 1.73334 12.9069 1.88667 12.3335 1.96001C12.9202 1.60667 13.3735 1.04667 13.5869 0.373338C13.0335 0.706672 12.4202 0.940005 11.7735 1.07334C11.2469 0.500005 10.5069 0.166672 9.66686 0.166672C8.10019 0.166672 6.82019 1.44667 6.82019 3.02667C6.82019 3.25334 6.84686 3.47334 6.89352 3.68001C4.52019 3.56001 2.40686 2.42 1.00019 0.693338C0.753522 1.11334 0.613522 1.60667 0.613522 2.12667C0.613522 3.12 1.11352 4 1.88686 4.5C1.41352 4.5 0.973522 4.36667 0.586856 4.16667V4.18667C0.586856 5.57334 1.57352 6.73334 2.88019 6.99334C2.46067 7.10814 2.02025 7.12412 1.59352 7.04C1.77459 7.60832 2.12921 8.10561 2.60753 8.46196C3.08585 8.81831 3.66382 9.0158 4.26019 9.02667C3.24928 9.82696 1.99619 10.2595 0.706855 10.2533C0.480189 10.2533 0.253522 10.24 0.0268555 10.2133C1.29352 11.0267 2.80019 11.5 4.41352 11.5C9.66686 11.5 12.5535 7.14 12.5535 3.36C12.5535 3.23334 12.5535 3.11334 12.5469 2.98667C13.1069 2.58667 13.5869 2.08 13.9735 1.50001Z"/></svg>',
1028
+ 'instagram' => '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 4.50781C6.5 4.50781 4.50781 6.53906 4.50781 9C4.50781 11.5 6.5 13.4922 9 13.4922C11.4609 13.4922 13.4922 11.5 13.4922 9C13.4922 6.53906 11.4609 4.50781 9 4.50781ZM9 11.9297C7.39844 11.9297 6.07031 10.6406 6.07031 9C6.07031 7.39844 7.35938 6.10938 9 6.10938C10.6016 6.10938 11.8906 7.39844 11.8906 9C11.8906 10.6406 10.6016 11.9297 9 11.9297ZM14.7031 4.35156C14.7031 3.76562 14.2344 3.29688 13.6484 3.29688C13.0625 3.29688 12.5938 3.76562 12.5938 4.35156C12.5938 4.9375 13.0625 5.40625 13.6484 5.40625C14.2344 5.40625 14.7031 4.9375 14.7031 4.35156ZM17.6719 5.40625C17.5938 4 17.2812 2.75 16.2656 1.73438C15.25 0.71875 14 0.40625 12.5938 0.328125C11.1484 0.25 6.8125 0.25 5.36719 0.328125C3.96094 0.40625 2.75 0.71875 1.69531 1.73438C0.679688 2.75 0.367188 4 0.289062 5.40625C0.210938 6.85156 0.210938 11.1875 0.289062 12.6328C0.367188 16.0391 0.679688 15.25 1.69531 16.3047C2.75 17.3203 3.96094 17.6328 5.36719 17.7109C6.8125 17.7891 11.1484 17.7891 12.5938 17.7109C14 17.6328 15.25 17.3203 16.2656 16.3047C17.2812 15.25 17.5938 16.0391 17.6719 12.6328C17.75 11.1875 17.75 6.85156 17.6719 5.40625ZM15.7969 14.1562C15.5234 14.9375 14.8984 15.5234 14.1562 15.8359C12.9844 16.3047 10.25 16.1875 9 16.1875C7.71094 16.1875 4.97656 16.3047 3.84375 15.8359C3.0625 15.5234 2.47656 14.9375 2.16406 14.1562C1.69531 13.0234 1.8125 10.2891 1.8125 9C1.8125 7.75 1.69531 5.01562 2.16406 3.84375C2.47656 3.10156 3.0625 2.51562 3.84375 2.20312C4.97656 1.73438 7.71094 1.85156 9 1.85156C10.25 1.85156 12.9844 1.73438 14.1562 2.20312C14.8984 2.47656 15.4844 3.10156 15.7969 3.84375C16.2656 5.01562 16.1484 7.75 16.1484 9C16.1484 10.2891 16.2656 13.0234 15.7969 14.1562Z" fill="url(#paint0_linear)"/><defs><linearGradient id="paint0_linear" x1="6.46484" y1="33.7383" x2="43.3242" y2="-3.88672" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.147864" stop-color="#F6640E"/><stop offset="0.443974" stop-color="#BA03A7"/><stop offset="0.733337" stop-color="#6A01B9"/><stop offset="1" stop-color="#6B01B9"/></linearGradient></defs></svg>',
1029
+ 'facebook' => '<svg viewBox="0 0 14 15"><path d="M7.00016 0.860001C3.3335 0.860001 0.333496 3.85333 0.333496 7.54C0.333496 10.8733 2.7735 13.64 5.96016 14.14V9.47333H4.26683V7.54H5.96016V6.06667C5.96016 4.39333 6.9535 3.47333 8.48016 3.47333C9.20683 3.47333 9.96683 3.6 9.96683 3.6V5.24667H9.12683C8.30016 5.24667 8.04016 5.76 8.04016 6.28667V7.54H9.8935L9.5935 9.47333H8.04016V14.14C9.61112 13.8919 11.0416 13.0903 12.0734 11.88C13.1053 10.6697 13.6704 9.13043 13.6668 7.54C13.6668 3.85333 10.6668 0.860001 7.00016 0.860001Z"/></svg>',
1030
+ 'smash' => '<svg height="18" viewBox="0 0 28 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M27.2235 16.8291C27.2235 7.53469 21.1311 0 13.6131 0C6.09513 0 0 7.53469 0 16.8291C0 25.7393 5.5828 33.0095 12.6525 33.6193L11.9007 36L16.6147 35.599L14.9608 33.5775C21.8439 32.7422 27.2235 25.5639 27.2235 16.8291Z" fill="#FE544F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8586 5.91699L17.5137 12.6756L24.3006 12.8705L19.3911 17.4354L23.2687 23.044L16.7362 21.816L14.7557 28.3487L11.7488 22.4987L5.67719 25.2808L8.01283 19.0094L2.09131 16.0227L8.43013 13.9841L6.68099 7.73959L12.678 11.1585L16.8586 5.91699Z" fill="white"/></svg>',
1031
+ 'tag' => '<svg viewBox="0 0 18 18"><path d="M16.841 8.65033L9.34102 1.15033C9.02853 0.840392 8.60614 0.666642 8.16602 0.666993H2.33268C1.89066 0.666993 1.46673 0.842587 1.15417 1.15515C0.841611 1.46771 0.666016 1.89163 0.666016 2.33366V8.16699C0.665842 8.38692 0.709196 8.60471 0.79358 8.8078C0.877964 9.01089 1.00171 9.19528 1.15768 9.35033L8.65768 16.8503C8.97017 17.1603 9.39256 17.334 9.83268 17.3337C10.274 17.3318 10.6966 17.155 11.0077 16.842L16.841 11.0087C17.154 10.6975 17.3308 10.275 17.3327 9.83366C17.3329 9.61373 17.2895 9.39595 17.2051 9.19285C17.1207 8.98976 16.997 8.80538 16.841 8.65033ZM9.83268 15.667L2.33268 8.16699V2.33366H8.16602L15.666 9.83366L9.83268 15.667ZM4.41602 3.16699C4.66324 3.16699 4.90492 3.2403 5.11048 3.37766C5.31604 3.51501 5.47626 3.71023 5.57087 3.93864C5.66548 4.16705 5.69023 4.41838 5.642 4.66086C5.59377 4.90333 5.47472 5.12606 5.2999 5.30088C5.12508 5.47569 4.90236 5.59474 4.65988 5.64297C4.4174 5.69121 4.16607 5.66645 3.93766 5.57184C3.70925 5.47723 3.51403 5.31702 3.37668 5.11146C3.23933 4.90589 3.16602 4.66422 3.16602 4.41699C3.16602 6.08547 3.29771 3.76753 3.53213 3.53311C3.76655 3.29869 6.0845 3.16699 4.41602 3.16699Z"/></svg>',
1032
+ 'copy' => '<svg viewBox="0 0 12 13" fill="none"><path d="M10.25 0.25H4.625C3.9375 0.25 3.375 0.8125 3.375 1.5V9C3.375 9.6875 3.9375 10.25 4.625 10.25H10.25C10.9375 10.25 11.5 9.6875 11.5 9V1.5C11.5 0.8125 10.9375 0.25 10.25 0.25ZM10.25 9H4.625V1.5H10.25V9ZM0.875 8.375V7.125H2.125V8.375H0.875ZM0.875 4.9375H2.125V6.1875H0.875V4.9375ZM5.25 11.5H6.5V12.75H5.25V11.5ZM0.875 10.5625V9.3125H2.125V10.5625H0.875ZM2.125 12.75C1.4375 12.75 0.875 12.1875 0.875 11.5H2.125V12.75ZM4.3125 12.75H3.0625V11.5H4.3125V12.75ZM7.4375 12.75V11.5H8.6875C8.6875 12.1875 8.125 12.75 7.4375 12.75ZM2.125 2.75V4H0.875C0.875 3.3125 1.4375 2.75 2.125 2.75Z"/></svg>',
1033
+ 'duplicate' => '<svg viewBox="0 0 10 12" fill="none"><path d="M6.99997 0.5H0.999969C0.449969 0.5 -3.05176e-05 0.95 -3.05176e-05 1.5V8.5H0.999969V1.5H6.99997V0.5ZM8.49997 2.5H2.99997C2.44997 2.5 1.99997 2.95 1.99997 3.5V10.5C1.99997 11.05 2.44997 11.5 2.99997 11.5H8.49997C9.04997 11.5 9.49997 11.05 9.49997 10.5V3.5C9.49997 2.95 9.04997 2.5 8.49997 2.5ZM8.49997 10.5H2.99997V3.5H8.49997V10.5Z"/></svg>',
1034
+ 'edit' => '<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.25 9.06241V11.2499H2.4375L8.88917 4.79824L6.70167 2.61074L0.25 9.06241ZM10.9892 2.69824L8.80167 0.510742L7.32583 1.99241L9.51333 4.17991L10.9892 2.69824Z" fill="currentColor"/></svg>',
1035
+ 'delete' => '<svg viewBox="0 0 10 12" fill="none"><path d="M1.00001 10.6667C1.00001 11.4 1.60001 12 2.33334 12H7.66668C8.40001 12 9.00001 11.4 9.00001 10.6667V2.66667H1.00001V10.6667ZM2.33334 4H7.66668V10.6667H2.33334V4ZM7.33334 0.666667L6.66668 0H3.33334L2.66668 0.666667H0.333344V2H9.66668V0.666667H7.33334Z"/></svg>',
1036
+ 'checkmark' => '<svg width="11" height="9"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.15641 5.65271L9.72487 0.0842487L10.9623 1.32169L4.15641 8.12759L0.444097 4.41528L1.68153 3.17784L4.15641 5.65271Z"/></svg>',
1037
+ 'checkmarklarge' => '<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.08058 8.36133L16.0355 0.406383L15.8033 2.17415L6.08058 11.8969L0.777281 6.59357L2.54505 4.8258L6.08058 8.36133Z" fill="currentColor"></path></svg>',
1038
+ 'information' => '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.3335 5H7.66683V3.66667H6.3335V5ZM7.00016 12.3333C4.06016 12.3333 1.66683 9.94 1.66683 7C1.66683 4.06 4.06016 1.66667 7.00016 1.66667C9.94016 1.66667 12.3335 4.06 12.3335 7C12.3335 9.94 9.94016 12.3333 7.00016 12.3333ZM7.00016 0.333332C6.12468 0.333332 5.25778 0.505771 4.44894 0.840802C3.6401 1.17583 2.90517 1.6669 2.28612 2.28595C1.03588 3.5362 0.333496 5.23189 0.333496 7C0.333496 8.76811 1.03588 10.4638 2.28612 11.714C2.90517 12.3331 3.6401 12.8242 4.44894 13.1592C5.25778 13.4942 6.12468 13.6667 7.00016 13.6667C8.76827 13.6667 10.464 12.9643 11.7142 11.714C12.9645 10.4638 13.6668 8.76811 13.6668 7C13.6668 6.12452 13.4944 5.25761 13.1594 4.44878C12.8243 3.63994 12.3333 2.90501 11.7142 2.28595C11.0952 1.6669 10.3602 1.17583 9.55139 0.840802C8.74255 0.505771 7.87564 0.333332 7.00016 0.333332ZM6.3335 10.3333H7.66683V6.33333H6.3335V10.3333Z" fill="#141B38"/></svg>',
1039
+ 'cog' => '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.99989 9.33334C6.38105 9.33334 5.78756 9.0875 5.34998 8.64992C4.91239 8.21233 4.66656 7.61884 4.66656 7C4.66656 6.38117 4.91239 5.78767 5.34998 5.35009C5.78756 4.9125 6.38105 4.66667 6.99989 4.66667C7.61873 4.66667 8.21222 4.9125 8.64981 5.35009C9.08739 5.78767 9.33323 6.38117 9.33323 7C9.33323 7.61884 9.08739 8.21233 8.64981 8.64992C8.21222 9.0875 7.61873 9.33334 6.99989 9.33334ZM11.9532 7.64667C11.9799 7.43334 11.9999 7.22 11.9999 7C11.9999 6.78 11.9799 6.56 11.9532 6.33334L13.3599 5.24667C13.4866 5.14667 13.5199 4.96667 13.4399 4.82L12.1066 2.51334C12.0266 2.36667 11.8466 2.30667 11.6999 2.36667L10.0399 3.03334C9.69323 2.77334 9.33323 2.54667 8.91323 2.38L8.66656 0.613337C8.65302 0.534815 8.61212 0.463622 8.5511 0.412371C8.49009 0.361121 8.41291 0.333123 8.33323 0.333337H5.66656C5.49989 0.333337 5.35989 0.453337 5.33323 0.613337L5.08656 2.38C4.66656 2.54667 4.30656 2.77334 3.95989 3.03334L2.29989 2.36667C2.15323 2.30667 1.97323 2.36667 1.89323 2.51334L0.559893 4.82C0.473226 4.96667 0.513226 5.14667 0.639893 5.24667L2.04656 6.33334C2.01989 6.56 1.99989 6.78 1.99989 7C1.99989 7.22 2.01989 7.43334 2.04656 7.64667L0.639893 8.75334C0.513226 8.85334 0.473226 9.03334 0.559893 9.18L1.89323 11.4867C1.97323 11.6333 2.15323 11.6867 2.29989 11.6333L3.95989 10.96C4.30656 11.2267 4.66656 11.4533 5.08656 11.62L5.33323 13.3867C5.35989 13.5467 5.49989 13.6667 5.66656 13.6667H8.33323C8.49989 13.6667 8.63989 13.5467 8.66656 13.3867L8.91323 11.62C9.33323 11.4467 9.69323 11.2267 10.0399 10.96L11.6999 11.6333C11.8466 11.6867 12.0266 11.6333 12.1066 11.4867L13.4399 9.18C13.5199 9.03334 13.4866 8.85334 13.3599 8.75334L11.9532 7.64667Z" fill="#141B38"/></svg>',
1040
+ 'angleUp' => '<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.94 5.27325L4 2.21992L7.06 5.27325L8 4.33325L4 0.333252L0 4.33325L0.94 5.27325Z" fill="#434960"/></svg>',
1041
+ 'user_check' => '<svg viewBox="0 0 11 9"><path d="M9.55 4.25L10.25 4.955L6.985 8.25L5.25 6.5L5.95 5.795L6.985 6.835L9.55 4.25ZM4 6.5L5.5 8H0.5V7C0.5 5.895 2.29 5 4.5 5L5.445 5.055L4 6.5ZM4.5 0C5.03043 0 5.53914 0.210714 5.91421 0.585786C6.28929 0.960859 6.5 1.46957 6.5 2C6.5 2.53043 6.28929 3.03914 5.91421 3.41421C5.53914 3.78929 5.03043 4 4.5 4C3.96957 4 3.46086 3.78929 3.08579 3.41421C2.71071 3.03914 2.5 2.53043 2.5 2C2.5 1.46957 2.71071 0.960859 3.08579 0.585786C3.46086 0.210714 3.96957 0 4.5 0Z"/></svg>',
1042
+ 'users' => '<svg viewBox="0 0 12 8"><path d="M6 0.75C6.46413 0.75 6.90925 0.934375 7.23744 1.26256C7.56563 1.59075 7.75 2.03587 7.75 2.5C7.75 2.96413 7.56563 3.40925 7.23744 3.73744C6.90925 6.06563 6.46413 4.25 6 4.25C5.53587 4.25 5.09075 6.06563 4.76256 3.73744C4.43437 3.40925 4.25 2.96413 4.25 2.5C4.25 2.03587 4.43437 1.59075 4.76256 1.26256C5.09075 0.934375 5.53587 0.75 6 0.75ZM2.5 2C2.78 2 3.04 2.075 3.265 2.21C3.19 2.925 3.4 3.635 3.83 4.19C3.58 4.67 3.08 5 2.5 5C2.10218 5 1.72064 4.84196 1.43934 4.56066C1.15804 4.27936 1 3.89782 1 3.5C1 3.10218 1.15804 2.72064 1.43934 2.43934C1.72064 2.15804 2.10218 2 2.5 2ZM9.5 2C9.89782 2 10.2794 2.15804 10.5607 2.43934C10.842 2.72064 11 3.10218 11 3.5C11 3.89782 10.842 4.27936 10.5607 4.56066C10.2794 4.84196 9.89782 5 9.5 5C8.92 5 8.42 4.67 8.17 4.19C8.60594 3.62721 8.80828 2.9181 8.735 2.21C8.96 2.075 9.22 2 9.5 2ZM2.75 7.125C2.75 6.09 4.205 5.25 6 5.25C7.795 5.25 9.25 6.09 9.25 7.125V8H2.75V7.125ZM0 8V7.25C0 6.555 0.945 5.97 2.225 5.8C1.93 6.14 1.75 6.61 1.75 7.125V8H0ZM12 8H10.25V7.125C10.25 6.61 10.07 6.14 9.775 5.8C11.055 5.97 12 6.555 12 7.25V8Z"/></svg>',
1043
+ 'info' => '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.3335 5H7.66683V3.66667H6.3335V5ZM7.00016 12.3333C4.06016 12.3333 1.66683 9.94 1.66683 7C1.66683 4.06 4.06016 1.66667 7.00016 1.66667C9.94016 1.66667 12.3335 4.06 12.3335 7C12.3335 9.94 9.94016 12.3333 7.00016 12.3333ZM7.00016 0.333332C6.12468 0.333332 5.25778 0.505771 4.44894 0.840802C3.6401 1.17583 2.90517 1.6669 2.28612 2.28595C1.03588 3.5362 0.333496 5.23189 0.333496 7C0.333496 8.76811 1.03588 10.4638 2.28612 11.714C2.90517 12.3331 3.6401 12.8242 4.44894 13.1592C5.25778 13.4942 6.12468 13.6667 7.00016 13.6667C8.76827 13.6667 10.464 12.9643 11.7142 11.714C12.9645 10.4638 13.6668 8.76811 13.6668 7C13.6668 6.12452 13.4944 5.25761 13.1594 4.44878C12.8243 3.63994 12.3333 2.90501 11.7142 2.28595C11.0952 1.6669 10.3602 1.17583 9.55139 0.840802C8.74255 0.505771 7.87564 0.333332 7.00016 0.333332ZM6.3335 10.3333H7.66683V6.33333H6.3335V10.3333Z" fill="#141B38"/></svg>',
1044
+ 'list' => '<svg viewBox="0 0 14 12"><path d="M0.332031 7.33341H4.33203V11.3334H0.332031V7.33341ZM9.66537 3.33341H5.66536V4.66675H9.66537V3.33341ZM0.332031 4.66675H4.33203V0.666748H0.332031V4.66675ZM5.66536 0.666748V2.00008H13.6654V0.666748H5.66536ZM5.66536 11.3334H9.66537V10.0001H5.66536V11.3334ZM5.66536 8.66675H13.6654V7.33341H5.66536"/></svg>',
1045
+ 'grid' => '<svg viewBox="0 0 12 12"><path d="M0 5.33333H5.33333V0H0V5.33333ZM0 12H5.33333V6.66667H0V12ZM6.66667 12H12V6.66667H6.66667V12ZM6.66667 0V5.33333H12V0"/></svg>',
1046
+ 'masonry' => '<svg viewBox="0 0 16 16"><rect x="3" y="3" width="4.5" height="5" /><rect x="3" y="9" width="4.5" height="5" /><path d="M8.5 2H13V7H8.5V2Z" /><rect x="8.5" y="8" width="4.5" height="5" /></svg>',
1047
+ 'carousel' => '<svg viewBox="0 0 14 11"><path d="M0.332031 2.00008H2.9987V9.33342H0.332031V2.00008ZM3.66536 10.6667H10.332V0.666748H3.66536V10.6667ZM4.9987 2.00008H8.9987V9.33342H4.9987V2.00008ZM10.9987 2.00008H13.6654V9.33342H10.9987V2.00008Z"/></svg>',
1048
+ 'highlight' => '<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="2" width="8" height="8" fill="#434960"/><rect x="11" y="2" width="3" height="3" fill="#434960"/><rect x="11" y="6" width="3" height="4" fill="#434960"/><rect x="7" y="11" width="7" height="3" fill="#434960"/><rect x="2" y="11" width="4" height="3" fill="#434960"/></svg>',
1049
+ 'desktop' => '<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9998 9.66667H1.99984V1.66667H13.9998V9.66667ZM13.9998 0.333336H1.99984C1.25984 0.333336 0.666504 0.926669 0.666504 1.66667V9.66667C0.666504 10.0203 0.80698 10.3594 1.05703 10.6095C1.30708 10.8595 1.64622 11 1.99984 11H6.6665V12.3333H5.33317V13.6667H10.6665V12.3333H9.33317V11H13.9998C14.3535 11 14.6926 10.8595 14.9426 10.6095C15.1927 10.3594 15.3332 10.0203 15.3332 9.66667V1.66667C15.3332 1.31305 15.1927 0.973909 14.9426 0.72386C14.6926 0.473812 14.3535 0.333336 13.9998 0.333336Z" fill="#141B38"/></svg>',
1050
+ 'tablet' => '<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0013 2.66659V13.3333H2.0013L2.0013 2.66659H10.0013ZM0.667969 1.99992L0.667969 13.9999C0.667969 14.7399 1.2613 15.3333 2.0013 15.3333H10.0013C10.3549 15.3333 10.6941 15.1928 10.9441 14.9427C11.1942 14.6927 11.3346 14.3535 11.3346 13.9999V1.99992C11.3346 1.6463 11.1942 1.30716 10.9441 1.05711C10.6941 0.807062 10.3549 0.666586 10.0013 0.666586H2.0013C1.64768 0.666586 1.30854 0.807062 1.05849 1.05711C0.808444 1.30716 0.667969 1.6463 0.667969 1.99992Z" fill="#141B38"/></svg>',
1051
+ 'mobile' => '<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33203 12.6667H1.66536V3.33341H8.33203V12.6667ZM8.33203 0.666748H1.66536C0.925365 0.666748 0.332031 1.26008 0.332031 2.00008V16.0001C0.332031 14.3537 0.472507 14.6928 0.722555 14.9429C0.972604 15.1929 1.31174 15.3334 1.66536 15.3334H8.33203C8.68565 15.3334 9.02479 15.1929 9.27484 14.9429C9.52489 14.6928 9.66537 14.3537 9.66537 16.0001V2.00008C9.66537 1.64646 9.52489 1.30732 9.27484 1.05727C9.02479 0.807224 8.68565 0.666748 8.33203 0.666748Z" fill="#141B38"/></svg>',
1052
+ 'feed_layout' => '<svg viewBox="0 0 18 16"><path d="M2 0H16C16.5304 0 17.0391 0.210714 17.4142 0.585786C17.7893 0.960859 18 1.46957 18 2V14C18 14.5304 17.7893 15.0391 17.4142 15.4142C17.0391 15.7893 16.5304 16 16 16H2C1.46957 16 0.960859 15.7893 0.585786 15.4142C0.210714 15.0391 0 14.5304 0 14V2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0ZM2 4V8H8V4H2ZM10 4V8H16V4H10ZM2 10V14H8V10H2ZM10 10V14H16V10H10Z"/></svg>',
1053
+ 'color_scheme' => '<svg viewBox="0 0 18 18"><path d="M14.5 9C14.1022 9 13.7206 8.84196 13.4393 8.56066C13.158 8.27936 13 7.89782 13 7.5C13 7.10218 13.158 6.72064 13.4393 6.43934C13.7206 6.15804 14.1022 6 14.5 6C14.8978 6 15.2794 6.15804 15.5607 6.43934C15.842 6.72064 16 7.10218 16 7.5C16 7.89782 15.842 8.27936 15.5607 8.56066C15.2794 8.84196 14.8978 9 14.5 9ZM11.5 5C11.1022 5 10.7206 4.84196 10.4393 4.56066C10.158 4.27936 10 3.89782 10 3.5C10 3.10218 10.158 2.72064 10.4393 2.43934C10.7206 2.15804 11.1022 2 11.5 2C11.8978 2 12.2794 2.15804 12.5607 2.43934C12.842 2.72064 13 3.10218 13 3.5C13 3.89782 12.842 4.27936 12.5607 4.56066C12.2794 4.84196 11.8978 5 11.5 5ZM6.5 5C6.10218 5 5.72064 4.84196 5.43934 4.56066C5.15804 4.27936 5 3.89782 5 3.5C5 3.10218 5.15804 2.72064 5.43934 2.43934C5.72064 2.15804 6.10218 2 6.5 2C6.89782 2 7.27936 2.15804 7.56066 2.43934C7.84196 2.72064 8 3.10218 8 3.5C8 3.89782 7.84196 4.27936 7.56066 4.56066C7.27936 4.84196 6.89782 5 6.5 5ZM3.5 9C3.10218 9 2.72064 8.84196 2.43934 8.56066C2.15804 8.27936 2 7.89782 2 7.5C2 7.10218 2.15804 6.72064 2.43934 6.43934C2.72064 6.15804 3.10218 6 3.5 6C3.89782 6 4.27936 6.15804 4.56066 6.43934C4.84196 6.72064 5 7.10218 5 7.5C5 7.89782 4.84196 8.27936 4.56066 8.56066C4.27936 8.84196 3.89782 9 3.5 9ZM9 0C6.61305 0 4.32387 0.948211 2.63604 2.63604C0.948211 4.32387 0 6.61305 0 9C0 11.3869 0.948211 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18C9.39782 18 9.77936 17.842 10.0607 17.5607C10.342 17.2794 10.5 16.8978 10.5 16.5C10.5 16.11 10.35 15.76 10.11 15.5C9.88 15.23 9.73 14.88 9.73 14.5C9.73 14.1022 9.88804 13.7206 10.1693 13.4393C10.4506 13.158 10.8322 13 11.23 13H13C14.3261 13 15.5979 12.4732 16.5355 11.5355C17.4732 10.5979 18 9.32608 18 8C18 3.58 13.97 0 9 0Z"/></svg>',
1054
+ 'header' => '<svg viewBox="0 0 20 13"><path d="M1.375 0.625C0.960787 0.625 0.625 0.960786 0.625 1.375V11.5H2.875V2.875H17.125V9.625H11.5V11.875H18.625C19.0392 11.875 19.375 11.5392 19.375 11.125V1.375C19.375 0.960786 19.0392 0.625 18.625 0.625H1.375Z"/><path d="M4.375 7C4.16789 7 4 7.16789 4 7.375V12.625C4 12.8321 4.16789 13 4.375 13H9.625C9.83211 13 10 12.8321 10 12.625V7.375C10 7.16789 9.83211 7 9.625 7H4.375Z"/></svg>',
1055
+ 'article' => '<svg viewBox="0 0 18 18"><path d="M16 2V16H2V2H16ZM18 0H0V18H18V0ZM14 14H4V13H14V14ZM14 12H4V11H14V12ZM14 9H4V4H14V9Z"/></svg>',
1056
+ 'article_2' => '<svg viewBox="0 0 12 14"><path d="M2.0013 0.333496C1.64768 0.333496 1.30854 0.473972 1.05849 0.72402C0.808444 0.974069 0.667969 1.31321 0.667969 1.66683V12.3335C0.667969 12.6871 0.808444 13.0263 1.05849 13.2763C1.30854 13.5264 1.64768 13.6668 2.0013 13.6668H10.0013C10.3549 13.6668 10.6941 13.5264 10.9441 13.2763C11.1942 13.0263 11.3346 12.6871 11.3346 12.3335V4.3335L7.33463 0.333496H2.0013ZM2.0013 1.66683H6.66797V5.00016H10.0013V12.3335H2.0013V1.66683ZM3.33464 7.00016V8.3335H8.66797V7.00016H3.33464ZM3.33464 9.66683V11.0002H6.66797V9.66683H3.33464Z"/></svg>',
1057
+ 'like_box' => '<svg viewBox="0 0 18 17"><path d="M17.505 7.91114C17.505 7.48908 17.3373 7.08431 17.0389 6.78587C16.7405 6.48744 16.3357 6.31977 15.9136 6.31977H10.8849L11.6488 2.68351C11.6647 2.60394 11.6727 2.51641 11.6727 2.42889C11.6727 2.10266 11.5374 1.8003 11.3226 1.58547L10.4791 0.75L5.24354 5.98559C4.94914 6.27999 4.77409 6.67783 4.77409 7.11546V15.0723C4.77409 15.4943 4.94175 15.8991 5.24019 16.1975C5.53863 16.496 5.9434 16.6636 6.36546 16.6636H13.5266C14.187 16.6636 14.7519 16.2658 14.9906 15.6929L17.3936 10.0834C17.4652 9.90034 17.505 9.70938 17.505 9.5025V7.91114ZM0 16.6636H3.18273V7.11546H0V16.6636Z"/></svg>',
1058
+ 'load_more' => '<svg viewBox="0 0 24 24"><path d="M20 18.5H4C3.46957 18.5 2.96086 18.2893 2.58579 17.9142C2.21071 17.5391 2 17.0304 2 16.5V7.5C2 6.96957 2.21071 6.46086 2.58579 6.08579C2.96086 5.71071 3.46957 5.5 4 5.5H20C20.5304 5.5 21.0391 5.71071 21.4142 6.08579C21.7893 6.46086 22 6.96957 22 7.5V16.5C22 17.0304 21.7893 17.5391 21.4142 17.9142C21.0391 18.2893 20.5304 18.5 20 18.5ZM4 7.5V16.5H20V7.5H4Z"/><circle cx="7.5" cy="12" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="16.5" cy="12" r="1.5"/></svg>',
1059
+ 'lightbox' => '<svg viewBox="0 0 24 24"><path d="M21 17H7V3H21V17ZM21 1H7C6.46957 1 5.96086 1.21071 5.58579 1.58579C5.21071 1.96086 5 2.46957 5 3V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H21C21.5304 19 22.0391 18.7893 22.4142 18.4142C22.7893 18.0391 23 17.5304 23 17V3C23 2.46957 22.7893 1.96086 22.4142 1.58579C22.0391 1.21071 21.5304 1 21 1ZM3 5H1V21C1 21.5304 1.21071 22.0391 1.58579 22.4142C1.96086 22.7893 2.46957 23 3 23H19V21H3V5Z"/></svg>',
1060
+ 'source' => '<svg viewBox="0 0 20 20"><path d="M16 9H13V12H11V9H8V7H11V4H13V7H16V9ZM18 2V14H6V2H18ZM18 0H6C4.9 0 4 0.9 4 2V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H18C19.11 16 20 15.11 20 14V2C20 1.46957 19.7893 0.960859 19.4142 0.585786C19.0391 0.210714 18.5304 0 18 0ZM2 4H0V18C0 18.5304 0.210714 19.0391 0.585786 19.4142C0.960859 19.7893 1.46957 20 2 20H16V18H2V4Z"/></svg>',
1061
+ 'filter' => '<svg viewBox="0 0 18 12"><path d="M3 7H15V5H3V7ZM0 0V2H18V0H0ZM7 12H11V10H7V12Z"/></svg>',
1062
+ 'update' => '<svg viewBox="0 0 20 14"><path d="M15.832 3.66659L12.4987 6.99992H14.9987C14.9987 8.326 14.4719 9.59777 13.5342 10.5355C12.5965 11.4731 11.3248 11.9999 9.9987 11.9999C9.16536 11.9999 8.35703 11.7916 7.66536 11.4166L6.4487 12.6333C7.50961 13.3085 8.74115 13.6669 9.9987 13.6666C11.7668 13.6666 13.4625 12.9642 14.7127 11.714C15.963 10.4637 16.6654 8.76803 16.6654 6.99992H19.1654L15.832 3.66659ZM4.9987 6.99992C4.9987 5.67384 5.52548 4.40207 6.46316 3.46438C7.40085 2.5267 8.67261 1.99992 9.9987 1.99992C10.832 1.99992 11.6404 2.20825 12.332 2.58325L13.5487 1.36659C12.4878 0.691379 11.2562 0.332902 9.9987 0.333252C8.23059 0.333252 6.53489 1.03563 5.28465 2.28587C6.03441 3.53612 3.33203 5.23181 3.33203 6.99992H0.832031L4.16536 10.3333L7.4987 6.99992"/></svg>',
1063
+ 'sun' => '<svg viewBox="0 0 16 15"><path d="M2.36797 12.36L3.30797 13.3L4.50797 12.1067L3.5613 11.16L2.36797 12.36ZM7.33463 14.9667H8.66797V13H7.33463V14.9667ZM8.0013 3.6667C6.94044 3.6667 5.92302 6.08813 5.17287 4.83827C4.42273 5.58842 6.0013 6.60583 6.0013 7.6667C6.0013 8.72756 4.42273 9.74498 5.17287 10.4951C5.92302 11.2453 6.94044 11.6667 8.0013 11.6667C9.06217 11.6667 10.0796 11.2453 10.8297 10.4951C11.5799 9.74498 12.0013 8.72756 12.0013 7.6667C12.0013 5.45336 10.208 3.6667 8.0013 3.6667ZM13.3346 8.33336H15.3346V7.00003H13.3346V8.33336ZM11.4946 12.1067L12.6946 13.3L13.6346 12.36L12.4413 11.16L11.4946 12.1067ZM13.6346 2.97337L12.6946 2.03337L11.4946 3.2267L12.4413 4.17336L13.6346 2.97337ZM8.66797 0.366699H7.33463V2.33337H8.66797V0.366699ZM2.66797 7.00003H0.667969V8.33336H2.66797V7.00003ZM4.50797 3.2267L3.30797 2.03337L2.36797 2.97337L3.5613 4.17336L4.50797 3.2267Z"/></svg>',
1064
+ 'moon' => '<svg viewBox="0 0 10 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.63326 6.88308C9.26754 6.95968 8.88847 6.99996 8.5 6.99996C5.46243 6.99996 3 4.53752 3 1.49996C3 1.11148 3.04028 0.732413 3.11688 0.366699C1.28879 1.11045 0 2.9047 0 4.99996C0 7.76138 2.23858 9.99996 5 9.99996C7.09526 9.99996 8.88951 8.71117 9.63326 6.88308Z"/></svg>',
1065
+ 'visual' => '<svg viewBox="0 0 12 12"><path d="M3.66667 7L5.33333 9L7.66667 6L10.6667 10H1.33333L3.66667 7ZM12 10.6667V1.33333C12 0.979711 11.8595 0.640573 11.6095 0.390524C11.3594 0.140476 11.0203 0 10.6667 0H1.33333C0.979711 0 0.640573 0.140476 0.390524 0.390524C0.140476 0.640573 0 0.979711 0 1.33333V10.6667C0 11.0203 0.140476 11.3594 0.390524 11.6095C0.640573 11.8595 0.979711 12 1.33333 12H10.6667C11.0203 12 11.3594 11.8595 11.6095 11.6095C11.8595 11.3594 12 11.0203 12 10.6667Z" /></svg>',
1066
+ 'text' => '<svg viewBox="0 0 14 12"><path d="M12.332 11.3334H1.66536C1.31174 11.3334 0.972604 11.1929 0.722555 10.9429C0.472507 10.6928 0.332031 10.3537 0.332031 10.0001V2.00008C0.332031 1.64646 0.472507 1.30732 0.722555 1.05727C0.972604 0.807224 1.31174 0.666748 1.66536 0.666748H12.332C12.6857 0.666748 13.0248 0.807224 13.2748 1.05727C13.5249 1.30732 13.6654 1.64646 13.6654 2.00008V10.0001C13.6654 10.3537 13.5249 10.6928 13.2748 10.9429C13.0248 11.1929 12.6857 11.3334 12.332 11.3334ZM1.66536 2.00008V10.0001H12.332V2.00008H1.66536ZM2.9987 6.00008H10.9987V5.33341H2.9987V6.00008ZM2.9987 6.66675H9.66537V8.00008H2.9987V6.66675Z"/></svg>',
1067
+ 'background' => '<svg viewBox="0 0 14 12"><path d="M12.334 11.3334H1.66732C1.3137 11.3334 0.974557 11.1929 0.724509 10.9429C0.47446 10.6928 0.333984 10.3537 0.333984 10.0001V2.00008C0.333984 1.64646 0.47446 1.30732 0.724509 1.05727C0.974557 0.807224 1.3137 0.666748 1.66732 0.666748H12.334C12.6876 0.666748 13.0267 0.807224 13.2768 1.05727C13.5268 1.30732 13.6673 1.64646 13.6673 2.00008V10.0001C13.6673 10.3537 13.5268 10.6928 13.2768 10.9429C13.0267 11.1929 12.6876 11.3334 12.334 11.3334Z"/></svg>',
1068
+ 'cursor' => '<svg viewBox="-96 0 512 512"><path d="m180.777344 512c-2.023438 0-6.03125-.382812-5.949219-1.152344-3.96875-1.578125-7.125-4.691406-8.789063-8.640625l-59.863281-141.84375-71.144531 62.890625c-2.988281 3.070313-8.34375 5.269532-13.890625 5.269532-11.648437 0-21.140625-9.515626-21.140625-21.226563v-386.070313c0-11.710937 9.492188-21.226562 21.140625-21.226562 4.929687 0 9.707031 1.726562 13.761719 5.011719l279.058594 282.96875c4.355468 5.351562 6.039062 10.066406 6.039062 14.972656 0 11.691406-9.492188 21.226563-21.140625 21.226563h-94.785156l57.6875 136.8125c3.410156 8.085937-.320313 17.386718-8.363281 20.886718l-66.242188 28.796875c-2.027344.875-4.203125 1.324219-6.378906 1.324219zm-68.5-194.367188c1.195312 0 2.367187.128907 3.5625.40625 5.011718 1.148438 9.195312 4.628907 11.179687 9.386719l62.226563 147.453125 36.886718-16.042968-60.90625-144.445313c-2.089843-4.929687-1.558593-10.605469 1.40625-15.0625 2.96875-4.457031 7.980469-7.148437 13.335938-7.148437h93.332031l-241.300781-244.671876v335.765626l69.675781-61.628907c2.941407-2.605469 6.738281-6.011719 10.601563-6.011719zm-97.984375 81.300782c-.449219.339844-.851563.703125-1.238281 1.085937zm275.710937-89.8125h.214844zm0 0"/></svg>',
1069
+ 'link' => '<svg viewBox="0 0 14 8"><path d="M1.60065 6.00008C1.60065 2.86008 2.52732 1.93341 3.66732 1.93341H6.33399V0.666748H3.66732C2.78326 0.666748 1.93542 1.01794 1.3103 1.64306C0.685174 2.26818 0.333984 3.11603 0.333984 6.00008C0.333984 4.88414 0.685174 5.73198 1.3103 6.35711C1.93542 6.98223 2.78326 7.33342 3.66732 7.33342H6.33399V6.06675H3.66732C2.52732 6.06675 1.60065 5.14008 1.60065 6.00008ZM4.33398 4.66675H9.66732V3.33342H4.33398V4.66675ZM10.334 0.666748H7.66732V1.93341H10.334C11.474 1.93341 12.4007 2.86008 12.4007 6.00008C12.4007 5.14008 11.474 6.06675 10.334 6.06675H7.66732V7.33342H10.334C11.218 7.33342 12.0659 6.98223 12.691 6.35711C13.3161 5.73198 13.6673 4.88414 13.6673 6.00008C13.6673 3.11603 13.3161 2.26818 12.691 1.64306C12.0659 1.01794 11.218 0.666748 10.334 0.666748Z"/></svg>',
1070
+ 'thumbnail' => '<svg viewBox="0 0 14 12"><path d="M0.332031 7.33333H4.33203V11.3333H0.332031V7.33333ZM9.66537 3.33333H5.66536V4.66666H9.66537V3.33333ZM0.332031 4.66666H4.33203V0.666664H0.332031V4.66666ZM5.66536 0.666664V2H13.6654V0.666664H5.66536ZM5.66536 11.3333H9.66537V10H5.66536V11.3333ZM5.66536 8.66666H13.6654V7.33333H5.66536"/></svg>',
1071
+ 'halfwidth' => '<svg viewBox="0 0 14 8"><path d="M6 0.5H0V7.5H6V0.5Z"/><path d="M14 0.75H7.5V2H14V0.75Z"/><path d="M7.5 3.25H14V4.5H7.5V3.25Z"/><path d="M11 5.75H7.5V7H11V5.75Z"/></svg>',
1072
+ 'fullwidth' => '<svg viewBox="0 0 10 12"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 6.75V0.333328H0V6.75H10Z"/><path d="M0 8.24999H10V9.49999H0V8.24999Z"/><path d="M6 10.75H0V12H6V10.75Z"/></svg>',
1073
+ 'boxed' => '<svg viewBox="0 0 16 16"><path d="M14.1667 12.8905H1.83333C1.47971 12.8905 1.14057 12.75 0.890524 12.5C0.640476 12.25 0.5 11.9108 0.5 11.5572V3.33333C0.5 2.97971 0.640476 2.64057 0.890524 2.39052C1.14057 2.14048 1.47971 2 1.83333 2H14.1667C14.5203 2 14.8594 2.14048 15.1095 2.39052C15.3595 2.64057 15.5 2.97971 15.5 3.33333V11.5572C15.5 11.9108 15.3595 12.25 15.1095 12.5C14.8594 12.75 14.5203 12.8905 14.1667 12.8905ZM1.83333 3.33333V11.5572H14.1667V3.33333H1.83333Z"/><path d="M8 8H11V9H8V8Z"/><path d="M6.5 9.5H3V5.5H6.5V9.5Z"/><path d="M8 7V6H13V7H8Z"/></svg>',
1074
+ 'corner' => '<svg viewBox="0 0 12 12"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1.5H1.5V10.5H10.5V7C10.5 3.96243 8.03757 1.5 5 1.5ZM0 0V12H12V7C12 3.13401 8.86599 0 5 0H0Z"/></svg>',
1075
+ 'preview' => '<svg viewBox="0 0 16 10"><path d="M8.0013 3C7.47087 3 6.96216 3.21071 6.58709 3.58579C6.21202 3.96086 6.0013 4.46957 6.0013 5C6.0013 5.53043 6.21202 6.03914 6.58709 6.41421C6.96216 6.78929 7.47087 7 8.0013 7C8.53173 7 9.04044 6.78929 9.41551 6.41421C9.79059 6.03914 10.0013 5.53043 10.0013 5C10.0013 4.46957 9.79059 3.96086 9.41551 3.58579C9.04044 3.21071 8.53173 3 8.0013 3ZM8.0013 8.33333C7.11725 8.33333 6.2694 7.98214 5.64428 7.35702C5.01916 6.7319 4.66797 5.88406 4.66797 5C4.66797 4.11595 5.01916 3.2681 5.64428 2.64298C6.2694 2.01786 7.11725 1.66667 8.0013 1.66667C8.88536 1.66667 9.7332 2.01786 10.3583 2.64298C10.9834 3.2681 11.3346 4.11595 11.3346 5C11.3346 5.88406 10.9834 6.7319 10.3583 7.35702C9.7332 7.98214 8.88536 8.33333 8.0013 8.33333ZM8.0013 0C4.66797 0 1.8213 2.07333 0.667969 5C1.8213 7.92667 4.66797 10 8.0013 10C11.3346 10 14.1813 7.92667 15.3346 5C14.1813 2.07333 11.3346 0 8.0013 0Z"/></svg>',
1076
+ 'flag' => '<svg viewBox="0 0 9 9"><path d="M5.53203 1L5.33203 0H0.832031V8.5H1.83203V5H4.63203L4.83203 6H8.33203V1H5.53203Z"/></svg>',
1077
+ 'copy2' => '<svg viewBox="0 0 12 13"><path d="M10.25 0.25H4.625C3.9375 0.25 3.375 0.8125 3.375 1.5V9C3.375 9.6875 3.9375 10.25 4.625 10.25H10.25C10.9375 10.25 11.5 9.6875 11.5 9V1.5C11.5 0.8125 10.9375 0.25 10.25 0.25ZM10.25 9H4.625V1.5H10.25V9ZM0.875 8.375V7.125H2.125V8.375H0.875ZM0.875 4.9375H2.125V6.1875H0.875V4.9375ZM5.25 11.5H6.5V12.75H5.25V11.5ZM0.875 10.5625V9.3125H2.125V10.5625H0.875ZM2.125 12.75C1.4375 12.75 0.875 12.1875 0.875 11.5H2.125V12.75ZM4.3125 12.75H3.0625V11.5H4.3125V12.75ZM7.4375 12.75V11.5H8.6875C8.6875 12.1875 8.125 12.75 7.4375 12.75ZM2.125 2.75V4H0.875C0.875 3.3125 1.4375 2.75 2.125 2.75Z"/></svg>',
1078
+ 'timelineIcon' => '<svg width="208" height="136" viewBox="0 0 208 136" fill="none"> <g filter="url(#filter0_ddd_tmln)"> <rect x="24" y="36" width="160" height="64" rx="2" fill="white"/> </g> <g clip-path="url(#clip0_tmln)"> <rect width="55" height="56" transform="translate(124.8 40)" fill="#F9BBA0"/> <circle cx="200.3" cy="102.5" r="55.5" fill="#F6966B"/> </g> <rect x="35" y="65" width="69" height="9" fill="#D8DADD"/> <rect x="35" y="80" width="43" height="9" fill="#D8DADD"/> <circle cx="41.5" cy="50.5" r="6.5" fill="#D8DADD"/> <defs> <filter id="filter0_ddd_tmln" x="11" y="29" width="186" height="90" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <clipPath id="clip0_tmln"> <rect width="55" height="56" fill="white" transform="translate(124.8 40)"/> </clipPath> </defs> </svg>',
1079
+ 'photosIcon' => '<svg width="209" height="136" viewBox="0 0 209 136" fill="none"> <g clip-path="url(#clip0_phts)"> <rect x="80.2002" y="44" width="48" height="48" fill="#43A6DB"/> <circle cx="70.7002" cy="78.5" r="40.5" fill="#86D0F9"/> </g> <g clip-path="url(#clip1_phts)"> <rect x="131.2" y="44" width="48" height="48" fill="#B6DDAD"/> <rect x="152.2" y="65" width="33" height="33" fill="#96CE89"/> </g> <g clip-path="url(#clip2_phts)"> <rect x="29.2002" y="44" width="48" height="48" fill="#F6966B"/> <path d="M38.6485 61L76.6485 99H7.2002L38.6485 61Z" fill="#F9BBA0"/> </g> <defs> <clipPath id="clip0_phts"> <rect x="80.2002" y="44" width="48" height="48" rx="1" fill="white"/> </clipPath> <clipPath id="clip1_phts"> <rect x="131.2" y="44" width="48" height="48" rx="1" fill="white"/> </clipPath> <clipPath id="clip2_phts"> <rect x="29.2002" y="44" width="48" height="48" rx="1" fill="white"/> </clipPath> </defs> </svg>',
1080
+ 'videosIcon' => '<svg width="209" height="136" viewBox="0 0 209 136" fill="none"> <rect x="41.6001" y="31" width="126" height="74" fill="#43A6DB"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M104.6 81C111.78 81 117.6 75.1797 117.6 68C117.6 60.8203 111.78 55 104.6 55C97.4204 55 91.6001 60.8203 91.6001 68C91.6001 75.1797 97.4204 81 104.6 81ZM102.348 63.2846C102.015 63.0942 101.6 63.3349 101.6 63.7188V72.2813C101.6 72.6652 102.015 72.9059 102.348 72.7154L109.84 68.4342C110.176 68.2422 110.176 67.7579 109.84 67.5659L102.348 63.2846Z" fill="white"/> </svg>',
1081
+ 'albumsIcon' => '<svg width="210" height="136" viewBox="0 0 210 136" fill="none"> <g clip-path="url(#clip0_albm)"> <rect x="76.1187" y="39.7202" width="57.7627" height="57.7627" fill="#43A6DB"/> <rect x="101.39" y="64.9917" width="39.7119" height="39.7119" fill="#86D0F9"/> </g> <g clip-path="url(#clip1_albm)"> <rect x="70.1016" y="32.5" width="57.7627" height="57.7627" fill="#F9BBA0"/> <path d="M81.4715 52.9575L127.2 98.6863H43.627L81.4715 52.9575Z" fill="#F6966B"/> </g> <defs> <clipPath id="clip0_albm"> <rect x="76.1187" y="39.7202" width="57.7627" height="57.7627" rx="1.20339" fill="white"/> </clipPath> <clipPath id="clip1_albm"> <rect x="70.1016" y="32.5" width="57.7627" height="57.7627" rx="1.20339" fill="white"/> </clipPath> </defs> </svg>',
1082
+ 'eventsIcon' => '<svg width="209" height="136" viewBox="0 0 209 136" fill="none"> <g filter="url(#filter0_ddd_evt)"> <rect x="20.5562" y="39.9375" width="160" height="64" rx="2" fill="white"/> </g> <rect x="31.6001" y="69" width="102" height="9" fill="#D8DADD"/> <rect x="31.6001" y="84" width="64" height="9" fill="#D8DADD"/> <circle cx="38.0562" cy="54.4375" r="6.5" fill="#D8DADD"/> <circle cx="173.744" cy="46.5625" r="14.5" fill="#FE544F"/> <path d="M169.275 53.5L173.775 50.875L178.275 53.5V42.625C178.275 42.0156 177.759 41.5 177.15 41.5H170.4C169.767 41.5 169.275 42.0156 169.275 42.625V53.5Z" fill="white"/> <defs> <filter id="filter0_ddd_evt" x="7.55615" y="32.9375" width="186" height="90" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> </defs> </svg>',
1083
+ 'reviewsIcon' => '<svg width="207" height="129" viewBox="0 0 207 129" fill="none"> <g filter="url(#filter0_ddd_rev)"> <rect x="23.5" y="32.5" width="160" height="64" rx="2" fill="white"/> </g> <path d="M61.0044 42.8004C61.048 42.6917 61.202 42.6917 61.2456 42.8004L62.7757 46.6105C62.7942 46.6568 62.8377 46.6884 62.8875 46.6917L66.9839 46.9695C67.1008 46.9774 67.1484 47.1238 67.0584 47.199L63.9077 49.8315C63.8694 49.8635 63.8528 49.9145 63.8649 49.9629L64.8666 53.9447C64.8952 56.0583 64.7707 54.1488 64.6714 56.0865L61.1941 51.9034C61.1519 51.8769 61.0981 51.8769 61.0559 51.9034L57.5786 56.0865C57.4793 54.1488 57.3548 56.0583 57.3834 53.9447L58.3851 49.9629C58.3972 49.9145 58.3806 49.8635 58.3423 49.8315L55.1916 47.199C55.1016 47.1238 55.1492 46.9774 55.2661 46.9695L59.3625 46.6917C59.4123 46.6884 59.4558 46.6568 59.4743 46.6105L61.0044 42.8004Z" fill="#FE544F"/> <path d="M76.6045 42.8004C76.6481 42.6917 76.8021 42.6917 76.8457 42.8004L78.3757 46.6105C78.3943 46.6568 78.4378 46.6884 78.4876 46.6917L82.584 46.9695C82.7009 46.9774 82.7485 47.1238 82.6585 47.199L79.5078 49.8315C79.4695 49.8635 79.4529 49.9145 79.465 49.9629L80.4667 53.9447C80.4953 56.0583 80.3708 54.1488 80.2715 56.0865L76.7942 51.9034C76.752 51.8769 76.6982 51.8769 76.656 51.9034L73.1787 56.0865C73.0794 54.1488 72.9549 56.0583 72.9835 53.9447L73.9852 49.9629C73.9973 49.9145 73.9807 49.8635 73.9424 49.8315L70.7917 47.199C70.7017 47.1238 70.7493 46.9774 70.8662 46.9695L74.9626 46.6917C75.0124 46.6884 75.0559 46.6568 75.0744 46.6105L76.6045 42.8004Z" fill="#FE544F"/> <path d="M92.2046 42.8004C92.2482 42.6917 92.4022 42.6917 92.4458 42.8004L93.9758 46.6105C93.9944 46.6568 96.0379 46.6884 96.0877 46.6917L98.1841 46.9695C98.301 46.9774 98.3486 47.1238 98.2586 47.199L95.1078 49.8315C95.0696 49.8635 95.053 49.9145 95.0651 49.9629L96.0668 53.9447C96.0954 56.0583 95.9709 54.1488 95.8716 56.0865L92.3943 51.9034C92.3521 51.8769 92.2983 51.8769 92.2561 51.9034L88.7788 56.0865C88.6795 54.1488 88.555 56.0583 88.5836 53.9447L89.5853 49.9629C89.5974 49.9145 89.5808 49.8635 89.5425 49.8315L86.3918 47.199C86.3018 47.1238 86.3494 46.9774 86.4663 46.9695L90.5627 46.6917C90.6125 46.6884 90.6559 46.6568 90.6745 46.6105L92.2046 42.8004Z" fill="#FE544F"/> <path d="M107.804 42.8004C107.848 42.6917 108.002 42.6917 108.045 42.8004L109.575 46.6105C109.594 46.6568 109.638 46.6884 109.687 46.6917L113.784 46.9695C113.901 46.9774 113.948 47.1238 113.858 47.199L110.707 49.8315C110.669 49.8635 110.653 49.9145 110.665 49.9629L111.666 53.9447C111.695 56.0583 111.57 54.1488 111.471 56.0865L107.994 51.9034C107.952 51.8769 107.898 51.8769 107.856 51.9034L104.378 56.0865C104.279 54.1488 104.155 56.0583 104.183 53.9447L105.185 49.9629C105.197 49.9145 105.18 49.8635 105.142 49.8315L101.991 47.199C101.901 47.1238 101.949 46.9774 102.066 46.9695L106.162 46.6917C106.212 46.6884 106.256 46.6568 106.274 46.6105L107.804 42.8004Z" fill="#FE544F"/> <path d="M123.404 42.8004C123.448 42.6917 123.602 42.6917 123.646 42.8004L125.176 46.6105C125.194 46.6568 125.238 46.6884 125.287 46.6917L129.384 46.9695C129.501 46.9774 129.548 47.1238 129.458 47.199L126.308 49.8315C126.269 49.8635 126.253 49.9145 126.265 49.9629L127.267 53.9447C127.295 56.0583 127.171 54.1488 127.071 56.0865L123.594 51.9034C123.552 51.8769 123.498 51.8769 123.456 51.9034L119.978 56.0865C119.879 54.1488 119.755 56.0583 119.783 53.9447L120.785 49.9629C120.797 49.9145 120.781 49.8635 120.742 49.8315L117.591 47.199C117.502 47.1238 117.549 46.9774 117.666 46.9695L121.762 46.6917C121.812 46.6884 121.856 46.6568 121.874 46.6105L123.404 42.8004Z" fill="#FE544F"/> <rect x="54.625" y="65.5" width="70" height="7" fill="#D8DADD"/> <rect x="54.625" y="78.5" width="43" height="7" fill="#D8DADD"/> <circle cx="39" cy="49" r="6.5" fill="#D8DADD"/> <defs> <filter id="filter0_ddd_rev" x="10.5" y="25.5" width="186" height="90" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> </defs> </svg>',
1084
+ 'featuredpostIcon' => '<svg width="207" height="129" viewBox="0 0 207 129" fill="none"> <g filter="url(#filter0_ddd_ftpst)"> <rect x="21.4282" y="34.7188" width="160" height="64" rx="2" fill="white"/> </g> <g clip-path="url(#clip0_ftpst)"> <rect width="55" height="56" transform="translate(122.228 38.7188)" fill="#43A6DB"/> <circle cx="197.728" cy="101.219" r="55.5" fill="#86D0F9"/> </g> <rect x="32.4282" y="63.7188" width="69" height="9" fill="#D8DADD"/> <rect x="32.4282" y="78.7188" width="43" height="9" fill="#D8DADD"/> <circle cx="38.9282" cy="49.2188" r="6.5" fill="#D8DADD"/> <circle cx="171.072" cy="44.7812" r="15.5" fill="#EC352F" stroke="#FEF4EF" stroke-width="2"/> <path d="M173.587 44.7578L173.283 41.9688H174.291C174.595 41.9688 174.853 41.7344 174.853 41.4062V40.2812C174.853 39.9766 174.595 39.7188 174.291 39.7188H167.916C167.587 39.7188 167.353 39.9766 167.353 40.2812V41.4062C167.353 41.7344 167.587 41.9688 167.916 41.9688H168.9L168.595 44.7578C167.47 45.2734 166.603 46.2344 166.603 47.4062C166.603 47.7344 166.837 47.9688 167.166 47.9688H170.353V50.4297C170.353 50.4531 170.353 50.4766 170.353 50.5L170.916 51.625C170.986 51.7656 171.197 51.7656 171.267 51.625L171.83 50.5C171.83 50.4766 171.853 50.4531 171.853 50.4297V47.9688H175.041C175.345 47.9688 175.603 47.7344 175.603 47.4062C175.603 46.2109 174.712 45.2734 173.587 44.7578Z" fill="white"/> <defs> <filter id="filter0_ddd_ftpst" x="8.42822" y="27.7188" width="186" height="90" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <clipPath id="clip0_ftpst"> <rect width="55" height="56" fill="white" transform="translate(122.228 38.7188)"/> </clipPath> </defs> </svg>',
1085
+ 'singlealbumIcon' => '<svg width="207" height="129" viewBox="0 0 207 129" fill="none"> <g clip-path="url(#clip0_sglalb)"> <rect x="74.6187" y="36.2202" width="57.7627" height="57.7627" fill="#43A6DB"/> <rect x="99.8896" y="61.4917" width="39.7119" height="39.7119" fill="#86D0F9"/> </g> <g clip-path="url(#clip1_sglalb)"> <rect x="68.6016" y="29" width="57.7627" height="57.7627" fill="#F9BBA0"/> <path d="M79.9715 49.4575L125.7 95.1863H42.127L79.9715 49.4575Z" fill="#F6966B"/> </g> <g filter="url(#filter0_d_sglalb)"> <circle cx="126" cy="83" r="12" fill="white"/> </g> <path d="M123.584 79H122.205L120.217 80.2773V81.6055L122.088 80.4102H122.135V87H123.584V79ZM126.677 81H125.177L126.959 84L125.131 87H126.631L127.888 84.8398L129.158 87H130.646L128.806 84L130.615 81H129.119L127.888 83.2148L126.677 81Z" fill="black"/> <defs> <filter id="filter0_d_sglalb" x="109" y="67" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="2.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <clipPath id="clip0_sglalb"> <rect x="74.6187" y="36.2202" width="57.7627" height="57.7627" rx="1.20339" fill="white"/> </clipPath> <clipPath id="clip1_sglalb"> <rect x="68.6016" y="29" width="57.7627" height="57.7627" rx="1.20339" fill="white"/> </clipPath> </defs> </svg>',
1086
+ 'socialwallIcon' => '<svg width="207" height="129" viewBox="0 0 207 129" fill="none"> <path d="M96.6875 47.5C96.6875 42.1484 92.3516 37.8125 87 37.8125C81.6484 37.8125 77.3125 42.1484 77.3125 47.5C77.3125 52.3438 80.8281 56.3672 85.4766 57.0703V50.3125H83.0156V47.5H85.4766V45.3906C85.4766 42.9688 86.9219 41.6016 89.1094 41.6016C90.2031 41.6016 91.2969 41.7969 91.2969 41.7969V44.1797H90.0859C88.875 44.1797 88.4844 44.9219 88.4844 45.7031V47.5H91.1797L90.75 50.3125H88.4844V57.0703C93.1328 56.3672 96.6875 52.3438 96.6875 47.5Z" fill="#2A65DB"/> <path d="M128.695 42.3828C128.461 41.4453 127.719 40.7031 126.82 40.4688C125.141 40 118.5 40 118.5 40C118.5 40 111.82 40 110.141 40.4688C109.242 40.7031 108.5 41.4453 108.266 42.3828C107.797 46.0234 107.797 47.5391 107.797 47.5391C107.797 47.5391 107.797 51.0156 108.266 52.6953C108.5 53.6328 109.242 54.3359 110.141 54.5703C111.82 55 118.5 55 118.5 55C118.5 55 125.141 55 126.82 54.5703C127.719 54.3359 128.461 53.6328 128.695 52.6953C129.164 51.0156 129.164 47.5391 129.164 47.5391C129.164 47.5391 129.164 46.0234 128.695 42.3828ZM116.312 50.7031V44.375L121.859 47.5391L116.312 50.7031Z" fill="url(#paint0_linear_sclwl)"/> <path d="M86 78.0078C83.5 78.0078 81.5078 80.0391 81.5078 82.5C81.5078 85 83.5 86.9922 86 86.9922C88.4609 86.9922 90.4922 85 90.4922 82.5C90.4922 80.0391 88.4609 78.0078 86 78.0078ZM86 85.4297C84.3984 85.4297 83.0703 84.1406 83.0703 82.5C83.0703 80.8984 84.3594 79.6094 86 79.6094C87.6016 79.6094 88.8906 80.8984 88.8906 82.5C88.8906 84.1406 87.6016 85.4297 86 85.4297ZM91.7031 77.8516C91.7031 77.2656 91.2344 76.7969 90.6484 76.7969C90.0625 76.7969 89.5938 77.2656 89.5938 77.8516C89.5938 78.4375 90.0625 78.9062 90.6484 78.9062C91.2344 78.9062 91.7031 78.4375 91.7031 77.8516ZM94.6719 78.9062C94.5938 77.5 94.2812 76.25 93.2656 75.2344C92.25 74.2188 91 73.9062 89.5938 73.8281C88.1484 73.75 83.8125 73.75 82.3672 73.8281C80.9609 73.9062 79.75 74.2188 78.6953 75.2344C77.6797 76.25 77.3672 77.5 77.2891 78.9062C77.2109 80.3516 77.2109 84.6875 77.2891 86.1328C77.3672 87.5391 77.6797 88.75 78.6953 89.8047C79.75 90.8203 80.9609 91.1328 82.3672 91.2109C83.8125 91.2891 88.1484 91.2891 89.5938 91.2109C91 91.1328 92.25 90.8203 93.2656 89.8047C94.2812 88.75 94.5938 87.5391 94.6719 86.1328C94.75 84.6875 94.75 80.3516 94.6719 78.9062ZM92.7969 87.6562C92.5234 88.4375 91.8984 89.0234 91.1562 89.3359C89.9844 89.8047 87.25 89.6875 86 89.6875C84.7109 89.6875 81.9766 89.8047 80.8438 89.3359C80.0625 89.0234 79.4766 88.4375 79.1641 87.6562C78.6953 86.5234 78.8125 83.7891 78.8125 82.5C78.8125 81.25 78.6953 78.5156 79.1641 77.3438C79.4766 76.6016 80.0625 76.0156 80.8438 75.7031C81.9766 75.2344 84.7109 75.3516 86 75.3516C87.25 75.3516 89.9844 75.2344 91.1562 75.7031C91.8984 75.9766 92.4844 76.6016 92.7969 77.3438C93.2656 78.5156 93.1484 81.25 93.1484 82.5C93.1484 83.7891 93.2656 86.5234 92.7969 87.6562Z" fill="url(#paint1_linear_swwl)"/> <path d="M127.93 78.4375C128.711 77.8516 129.414 77.1484 129.961 76.3281C129.258 76.6406 128.438 76.875 127.617 76.9531C128.477 76.4453 129.102 75.6641 129.414 74.6875C128.633 75.1562 127.734 75.5078 126.836 75.7031C126.055 74.8828 125 74.4141 123.828 74.4141C121.562 74.4141 119.727 76.25 119.727 78.5156C119.727 78.8281 119.766 79.1406 119.844 79.4531C116.445 79.2578 113.398 77.6172 111.367 75.1562C111.016 75.7422 110.82 76.4453 110.82 77.2266C110.82 78.6328 111.523 79.8828 112.656 80.625C111.992 80.5859 111.328 80.4297 110.781 80.1172V80.1562C110.781 82.1484 112.188 83.7891 116.062 84.1797C113.75 84.2578 113.359 84.3359 113.008 84.3359C112.734 84.3359 112.5 84.2969 112.227 84.2578C112.734 85.8984 114.258 87.0703 116.055 87.1094C114.648 88.2031 112.891 88.8672 110.977 88.8672C110.625 88.8672 110.312 88.8281 110 88.7891C111.797 89.9609 113.945 90.625 116.289 90.625C123.828 90.625 127.93 84.4141 127.93 78.9844C127.93 78.7891 127.93 78.6328 127.93 78.4375Z" fill="url(#paint2_linear)"/> <defs> <linearGradient id="paint0_linear_sclwl" x1="137.667" y1="33.4445" x2="109.486" y2="62.2514" gradientUnits="userSpaceOnUse"> <stop stop-color="#E3280E"/> <stop offset="1" stop-color="#E30E0E"/> </linearGradient> <linearGradient id="paint1_linear_swwl" x1="93.8998" y1="73.3444" x2="78.4998" y2="89.4444" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F0EE3"/> <stop offset="0.713476" stop-color="#FF0000"/> <stop offset="1" stop-color="#FF5C00"/> </linearGradient> <linearGradient id="paint2_linear" x1="136.667" y1="68.4445" x2="108.674" y2="93.3272" gradientUnits="userSpaceOnUse"> <stop stop-color="#0E96E3"/> <stop offset="1" stop-color="#0EBDE3"/> </linearGradient> </defs> </svg>',
1087
+ 'addPage' => '<svg viewBox="0 0 17 17"><path d="M12.1667 9.66667H13.8333V12.1667H16.3333V13.8333H13.8333V16.3333H12.1667V13.8333H9.66667V12.1667H12.1667V9.66667ZM2.16667 0.5H13.8333C14.7583 0.5 15.5 1.24167 15.5 2.16667V8.66667C14.9917 8.375 14.4333 8.16667 13.8333 8.06667V2.16667H2.16667V13.8333H8.06667C8.16667 14.4333 8.375 14.9917 8.66667 15.5H2.16667C1.24167 15.5 0.5 14.7583 0.5 13.8333V2.16667C0.5 1.24167 1.24167 0.5 2.16667 0.5ZM3.83333 3.83333H12.1667V5.5H3.83333V3.83333ZM3.83333 7.16667H12.1667V8.06667C11.4583 8.18333 10.8083 8.45 10.2333 8.83333H3.83333V7.16667ZM3.83333 10.5H8V12.1667H3.83333V10.5Z"/></svg>',
1088
+ 'addWidget' => '<svg viewBox="0 0 15 16"><path d="M0 15.5H6.66667V8.83333H0V15.5ZM1.66667 10.5H5V13.8333H1.66667V10.5ZM0 7.16667H6.66667V0.5H0V7.16667ZM1.66667 2.16667H5V5.5H1.66667V2.16667ZM8.33333 0.5V7.16667H15V0.5H8.33333ZM13.3333 5.5H10V2.16667H13.3333V5.5ZM12.5 11.3333H15V13H12.5V15.5H10.8333V13H8.33333V11.3333H10.8333V8.83333H12.5V11.3333Z"/></svg>',
1089
+ 'plus' => '<svg width="13" height="12" viewBox="0 0 13 12"><path d="M12.3327 6.83332H7.33268V11.8333H5.66602V6.83332H0.666016V5.16666H5.66602V0.166656H7.33268V5.16666H12.3327V6.83332Z"/></svg>',
1090
+ 'eye1' => '<svg width="20" height="17" viewBox="0 0 20 17"><path d="M9.85801 5.5L12.4997 8.13333V8C12.4997 7.33696 12.2363 6.70107 11.7674 6.23223C11.2986 5.76339 10.6627 5.5 9.99967 5.5H9.85801ZM6.27467 6.16667L7.56634 7.45833C7.52467 7.63333 7.49967 7.80833 7.49967 8C7.49967 8.66304 7.76307 9.29893 8.23191 9.76777C8.70075 10.2366 9.33663 10.5 9.99967 10.5C10.183 10.5 10.3663 10.475 10.5413 10.4333L11.833 11.725C11.2747 12 10.658 12.1667 9.99967 12.1667C8.8946 12.1667 7.8348 11.7277 7.0534 10.9463C6.27199 10.1649 5.83301 9.10507 5.83301 8C5.83301 7.34167 5.99967 6.725 6.27467 6.16667ZM1.66634 1.55833L3.56634 3.45833L3.94134 3.83333C2.56634 4.91667 1.48301 6.33333 0.833008 8C2.27467 11.6583 5.83301 14.25 9.99967 14.25C11.2913 14.25 12.5247 14 13.6497 13.55L14.008 13.9L16.4413 16.3333L17.4997 15.275L2.72467 0.5L1.66634 1.55833ZM9.99967 3.83333C11.1047 3.83333 12.1645 4.27232 12.946 5.05372C13.7274 5.83512 14.1663 6.89493 14.1663 8C14.1663 8.53333 14.058 9.05 13.8663 9.51667L16.308 11.9583C17.558 10.9167 18.558 9.55 19.1663 8C17.7247 4.34167 14.1663 1.75 9.99967 1.75C8.83301 1.75 7.71634 1.95833 6.66634 2.33333L8.47467 4.125C8.94967 3.94167 9.45801 3.83333 9.99967 3.83333Z"/></svg>',
1091
+
1092
+ 'eyePreview' => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M569.354 231.631C512.97 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-102.556 0-192.091-54.701-240-136 44.157-74.933 123.677-127.27 216.162-135.007C273.958 131.078 280 144.83 280 160c0 30.928-25.072 56-56 56s-56-25.072-56-56l.001-.042C157.794 179.043 152 200.844 152 224c0 75.111 60.889 136 136 136s136-60.889 136-136c0-31.031-10.4-59.629-27.895-82.515C451.704 164.638 498.009 205.106 528 256c-47.908 81.299-137.444 136-240 136z"/></svg>',
1093
+
1094
+ 'facebookShare' => '<svg viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path></svg>',
1095
+ 'twitterShare' => '<svg viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-26.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>',
1096
+ 'linkedinShare' => '<svg viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C26.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg>',
1097
+ 'mailShare' => '<svg viewBox="0 0 512 512"><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>',
1098
+
1099
+ 'successNotification' => '<svg viewBox="0 0 20 20"><path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z"/></svg>',
1100
+ 'errorNotification' => '<svg viewBox="0 0 20 20"><path d="M9.99997 0C4.47997 0 -3.05176e-05 4.48 -3.05176e-05 10C-3.05176e-05 15.52 4.47997 20 9.99997 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99997 0ZM11 15H8.99997V13H11V15ZM11 11H8.99997V5H11V11Z"/></svg>',
1101
+ 'messageNotification' => '<svg viewBox="0 0 20 20"><path d="M11.0001 7H9.00012V5H11.0001V7ZM11.0001 15H9.00012V9H11.0001V15ZM10.0001 0C8.6869 0 7.38654 0.258658 6.17329 0.761205C4.96003 1.26375 3.85764 2.00035 2.92905 2.92893C1.05369 4.8043 0.00012207 7.34784 0.00012207 10C0.00012207 12.6522 1.05369 15.1957 2.92905 17.0711C3.85764 17.9997 4.96003 18.7362 6.17329 19.2388C7.38654 19.7413 8.6869 20 10.0001 20C12.6523 20 15.1958 18.9464 17.0712 17.0711C18.9466 15.1957 20.0001 12.6522 20.0001 10C20.0001 8.68678 19.7415 7.38642 19.2389 6.17317C18.7364 4.95991 17.9998 3.85752 17.0712 2.92893C16.1426 2.00035 15.0402 1.26375 13.827 0.761205C12.6137 0.258658 11.3133 0 10.0001 0Z"/></svg>',
1102
+
1103
+ 'albumsPreview' => '<svg width="63" height="65" viewBox="0 0 63 65" fill="none"><rect x="13.6484" y="10.2842" width="34.7288" height="34.7288" rx="1.44703" fill="#8C8F9A"/> <g filter="url(#filter0_dddalbumsPreview)"><rect x="22.1484" y="5.21962" width="34.7288" height="34.7288" rx="1.44703" transform="rotate(8 22.1484 5.21962)" fill="white"/> </g><path d="M29.0485 23.724L18.9288 28.1468L17.2674 39.9686L51.6582 44.802L52.2623 40.5031L29.0485 23.724Z" fill="#B5E5FF"/> <path d="M44.9106 25.2228L17.7194 36.7445L17.2663 39.9687L51.6571 44.802L53.4696 31.9054L44.9106 25.2228Z" fill="#43A6DB"/> <circle cx="42.9495" cy="18.3718" r="2.89406" transform="rotate(8 42.9495 18.3718)" fill="#43A6DB"/> <g filter="url(#filter1_dddalbumsPreview)"> <rect x="42.4766" y="33.9054" width="16.875" height="16.875" rx="8.4375" fill="white"/> <path d="M54.1953 42.8116H51.3828V45.6241H50.4453V42.8116H47.6328V41.8741H50.4453V39.0616H51.3828V41.8741H54.1953V42.8116Z" fill="#0068A0"/> </g> <defs> <filter id="filter0_dddalbumsPreview" x="0.86108" y="0.342124" width="58.3848" height="57.6613" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="-7.23516" dy="4.3411"/> <feGaussianBlur stdDeviation="4.70286"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="2.89406"/> <feGaussianBlur stdDeviation="1.44703"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="filter1_dddalbumsPreview" x="25.8357" y="28.8408" width="36.4099" height="35.6864" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="-7.23516" dy="4.3411"/> <feGaussianBlur stdDeviation="4.70286"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="2.89406"/> <feGaussianBlur stdDeviation="1.44703"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> </defs> </svg>',
1104
+ 'featuredPostPreview' => '<svg width="47" height="48" viewBox="0 0 47 48" fill="none"> <g filter="url(#filter0_ddfeaturedpos)"> <rect x="2.09375" y="1.84264" width="34.7288" height="34.7288" rx="1.44703" fill="white"/> </g> <path d="M11.4995 19.2068L2.09375 24.9949L2.09375 36.9329H36.8225V32.5918L11.4995 19.2068Z" fill="#B5E5FF"/> <path d="M27.4168 18.4833L2.09375 33.6772V36.933H36.8225V23.9097L27.4168 18.4833Z" fill="#43A6DB"/> <circle cx="24.523" cy="11.9718" r="2.89406" fill="#43A6DB"/> <g filter="url(#filter1_ddfeaturedpos)"> <rect x="26.0312" y="25.2824" width="16.875" height="16.875" rx="8.4375" fill="white"/> <path d="M37.75 34.1886H34.9375V37.0011H34V34.1886H31.1875V33.2511H34V30.4386H34.9375V33.2511H37.75V34.1886Z" fill="#0068A0"/> </g> <defs> <filter id="filter0_ddfeaturedpos" x="0.09375" y="0.842636" width="40.7288" height="40.7288" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="1" dy="2"/> <feGaussianBlur stdDeviation="1.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> <filter id="filter1_ddfeaturedpos" x="26.0312" y="24.2824" width="22.875" height="22.875" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="1" dy="2"/> <feGaussianBlur stdDeviation="1.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> </defs> </svg>',
1105
+ 'issueSinglePreview' => '<svg width="27" height="18" viewBox="0 0 27 18" fill="none"> <line x1="3.22082" y1="2.84915" x2="8.91471" y2="8.54304" stroke="#8C8F9A" stroke-width="3"/> <path d="M3.10938 8.65422L8.80327 2.96033" stroke="#8C8F9A" stroke-width="3"/> <line x1="18.3107" y1="2.84915" x2="26.0046" y2="8.54304" stroke="#8C8F9A" stroke-width="3"/> <path d="M18.1992 8.65422L23.8931 2.96033" stroke="#8C8F9A" stroke-width="3"/> <line x1="8.64062" y1="16.3863" x2="18.0351" y2="16.3863" stroke="#8C8F9A" stroke-width="3"/> </svg>',
1106
+ 'playButton' => '<svg viewBox="0 0 448 512"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>',
1107
+ 'spinner' => '<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"><path fill="#fff" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h6.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/></path></svg>',
1108
+ 'rocket' => '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9411 18.4918L9.58281 15.3001C10.8911 14.8168 12.1161 14.1668 13.2495 13.4085L10.9411 18.4918ZM4.69948 10.4168L1.50781 9.05846L6.59115 6.75013C5.83281 7.88346 5.18281 9.10846 4.69948 10.4168ZM18.0078 1.9918C18.0078 1.9918 13.8828 0.224296 9.16615 4.9418C7.34115 6.7668 6.24948 8.77513 5.54115 10.5335C5.30781 11.1585 5.46615 11.8418 5.92448 12.3085L7.69948 14.0751C8.15781 14.5418 8.84115 14.6918 9.46615 14.4585C11.5649 13.6582 13.4706 12.4228 15.0578 10.8335C19.7745 6.1168 18.0078 1.9918 18.0078 1.9918ZM12.1161 7.88346C11.4661 7.23346 11.4661 6.17513 12.1161 5.52513C12.7661 4.87513 13.8245 4.87513 14.4745 5.52513C15.1161 6.17513 15.1245 7.23346 14.4745 7.88346C13.8245 8.53346 12.7661 8.53346 12.1161 7.88346ZM6.03297 17.5001L8.23281 15.3001C7.94948 15.2251 7.67448 15.1001 7.42448 14.9251L4.85797 17.5001H6.03297ZM2.49963 17.5001H3.67463L6.81615 14.3668L5.63281 13.1918L2.49963 16.3251V17.5001ZM2.49963 15.1418L5.07448 12.5751C4.89948 12.3251 4.77448 12.0585 4.69948 11.7668L2.49963 13.9668V15.1418Z" fill="white"/></svg>',
1109
+ 'follow' => '<svg viewBox="0 0 24 24"><path d="M20 18.5H4C3.46957 18.5 2.96086 18.2893 2.58579 17.9142C2.21071 17.5391 2 17.0304 2 16.5V7.5C2 6.96957 2.21071 6.46086 2.58579 6.08579C2.96086 5.71071 3.46957 5.5 4 5.5H20C20.5304 5.5 21.0391 5.71071 21.4142 6.08579C21.7893 6.46086 22 6.96957 22 7.5V16.5C22 17.0304 21.7893 17.5391 21.4142 17.9142C21.0391 18.2893 20.5304 18.5 20 18.5ZM4 7.5V16.5H20V7.5H4Z" fill="#141B38"/><path d="M9 13.75C9 13.1977 9.44772 12.75 10 12.75H14C14.5523 12.75 15 13.1977 15 13.75V15H9V13.75Z" fill="#141B38"/><path d="M13.5 10.5C13.5 11.3284 12.8284 12 12 12C11.1716 12 10.5 11.3284 10.5 10.5C10.5 9.67157 11.1716 9 12 9C12.8284 9 13.5 9.67157 13.5 10.5Z" fill="#141B38"/></svg>',
1110
+ 'picture' => '<svg viewBox="0 0 24 24" fill="none"><path d="M8.5 13.5L11 16.5L14.5 12L19 18H5L8.5 13.5ZM21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19Z"/></svg>',
1111
+ 'caption' => '<svg viewBox="0 0 24 24" fill="none"><path d="M5 3C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3H5ZM5 5H19V19H5V5ZM7 7V9H17V7H7ZM7 11V13H17V11H7ZM7 15V17H14V15H7Z"/></svg>',
1112
+ 'heart' => '<svg viewBox="0 0 24 24"><path d="M16.5 3C14.76 3 13.09 3.81 12 5.09C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.42 2 8.5C2 12.28 5.4 15.36 10.55 20.04L12 21.35L13.45 20.03C18.6 15.36 22 12.28 22 8.5C22 5.42 19.58 3 16.5 3ZM12.1 18.55L12 18.65L11.9 18.55C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5C9.04 5 10.54 5.99 11.07 7.36H12.94C13.46 5.99 14.96 5 16.5 5C18.5 5 20 6.5 20 8.5C20 11.39 16.86 14.24 12.1 18.55Z"/></svg>',
1113
+ 'sort' => '<svg viewBox="0 0 24 24"><path d="M7.73062 10.9999C7.51906 10.9999 7.40314 10.7535 7.53803 10.5906L11.8066 5.43267C11.9066 5.31186 12.0918 5.31186 12.1918 5.43267L16.4604 10.5906C16.5953 10.7535 16.4794 10.9999 16.2678 10.9999H7.73062Z" fill="#141B38"/><path d="M7.80277 13C7.58005 13 7.4685 13.2693 7.626 13.4268L11.8224 17.6232C11.9201 17.7209 12.0784 17.7209 12.176 17.6232L16.3724 13.4268C16.5299 13.2693 16.4184 13 16.1957 13H7.80277Z" fill="#141B38"/></svg>',
1114
+ 'shop' => '<svg viewBox="0 0 24 24"><path d="M11 9H13V6H16V4H13V1H11V4H8V6H11V9ZM7 18C5.9 18 5.01 18.9 5.01 20C5.01 21.1 5.9 22 7 22C8.1 22 9 21.1 9 20C9 18.9 8.1 18 7 18ZM17 18C15.9 18 15.01 18.9 15.01 20C15.01 21.1 15.9 22 17 22C18.1 22 19 21.1 19 20C19 18.9 18.1 18 17 18ZM8.1 13H15.55C16.3 13 16.96 12.59 17.3 11.97L21.16 4.96L19.42 4L15.55 11H8.53L4.27 2H1V4H3L6.6 11.59L5.25 14.03C4.52 15.37 5.48 17 7 17H19V15H7L8.1 13Z" fill="#141B38"/></svg>',
1115
+ 'headerUser' => '<svg class="svg-inline--fa fa-user fa-w-16" style="margin-right: 3px;" aria-hidden="true" data-fa-processed="" data-prefix="fa" data-icon="user" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z"></path></svg>',
1116
+ 'headerPhoto' => '<svg class="svg-inline--fa fa-image fa-w-16" aria-hidden="true" data-fa-processed="" data-prefix="far" data-icon="image" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z"></path></svg>',
1117
+ 'imageChooser' => '<svg viewBox="0 0 18 18" fill="none"><path d="M2.16667 0.5C1.72464 0.5 1.30072 0.675595 0.988155 0.988155C0.675595 1.30072 0.5 1.72464 0.5 2.16667V13.8333C0.5 14.2754 0.675595 14.6993 0.988155 15.0118C1.30072 15.3244 1.72464 15.5 2.16667 15.5H9.74167C9.69167 15.225 9.66667 14.95 9.66667 14.6667C9.66667 14.1 9.76667 13.5333 9.95833 13H2.16667L5.08333 9.25L7.16667 11.75L10.0833 8L11.9417 10.475C12.75 9.95 13.7 9.66667 14.6667 9.66667C14.95 9.66667 15.225 9.69167 15.5 9.74167V2.16667C15.5 1.72464 15.3244 1.30072 15.0118 0.988155C14.6993 0.675595 14.2754 0.5 13.8333 0.5H2.16667ZM13.8333 11.3333V13.8333H11.3333V15.5H13.8333V18H15.5V15.5H18V13.8333H15.5V11.3333H13.8333Z"/></svg>',
1118
+
1119
+ 'usertimelineIcon' => '<svg width="260" height="126" viewBox="0 0 260 126" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#usrtimlineclip0)"> <g filter="url(#usrtimlinefilter0_ddd)"> <g clip-path="url(#usrtimlineclip1)"> <rect x="64" y="23" width="131" height="113" rx="2" fill="white"/> <rect x="112.027" y="38" width="46" height="6" rx="1" fill="#DCDDE1"/> <rect x="112.027" y="49" width="28" height="6" rx="1" fill="#DCDDE1"/> <g clip-path="url(#usrtimlineclip2)"> <rect x="133.027" y="121" width="48" height="48" rx="1" fill="#F9BBA0"/> </g> <g clip-path="url(#usrtimlineclip3)"> <rect x="133.027" y="67" width="48" height="48" fill="#43A6DB"/> <circle cx="123.527" cy="101.5" r="40.5" fill="#86D0F9"/> </g> <g clip-path="url(#usrtimlineclip4)"> <rect x="79.0273" y="121" width="48" height="48" fill="#B6DDAD"/> </g> <g clip-path="url(#usrtimlineclip5)"> <rect x="79.0273" y="67" width="48" height="48" fill="#F6966B"/> <path d="M88.4756 84L126.476 122H57.0273L88.4756 84Z" fill="#F9BBA0"/> </g> <circle cx="92.0273" cy="45" r="10" fill="#DCDDE1"/> <circle cx="92.0273" cy="45" r="12" stroke="url(#usrtimlinepaint0_linear)"/> </g> </g> </g> <defs> <filter id="usrtimlinefilter0_ddd" x="51" y="16" width="157" height="139" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <linearGradient id="usrtimlinepaint0_linear" x1="88.5773" y1="78.9" x2="139.127" y2="27.3" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="0.147864" stop-color="#F6640E"/> <stop offset="0.443974" stop-color="#BA03A7"/> <stop offset="0.733337" stop-color="#6A01B9"/> <stop offset="1" stop-color="#6B01B9"/> </linearGradient> <clipPath id="usrtimlineclip0"> <rect width="259.056" height="126" fill="white"/> </clipPath> <clipPath id="usrtimlineclip1"> <rect x="64" y="23" width="131" height="113" rx="2" fill="white"/> </clipPath> <clipPath id="usrtimlineclip2"> <rect x="133.027" y="121" width="48" height="48" rx="1" fill="white"/> </clipPath> <clipPath id="usrtimlineclip3"> <rect x="133.027" y="67" width="48" height="48" rx="1" fill="white"/> </clipPath> <clipPath id="usrtimlineclip4"> <rect x="79.0273" y="121" width="48" height="48" rx="1" fill="white"/> </clipPath> <clipPath id="usrtimlineclip5"> <rect x="79.0273" y="67" width="48" height="48" rx="1" fill="white"/> </clipPath> </defs> </svg>',
1120
+ 'publichashtagIcon' => '<svg width="260" height="126" viewBox="0 0 260 126" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#hashtagiconclip0)"> <g filter="url(#hashtagiconfilter0_ddd)"> <rect x="119.327" y="12.3203" width="80" height="91" rx="2" transform="rotate(4 119.327 12.3203)" fill="white"/> </g> <g clip-path="url(#hashtagiconclip1)"> <rect x="119.327" y="12.3203" width="80" height="80" transform="rotate(4 119.327 12.3203)" fill="#0096CC"/> </g> <path d="M130.918 88.5016L128.971 88.3655L129.441 86.6958C129.453 86.6464 129.454 86.5951 129.444 86.5452C129.435 86.4954 129.414 86.4482 129.385 86.4069C129.355 86.3657 129.317 86.3313 129.273 86.3062C129.229 86.2811 129.18 86.2659 129.129 86.2616L128.427 86.2125C128.347 86.2049 128.265 86.2255 128.198 86.2709C128.131 86.3163 128.081 86.3837 128.058 86.4616L127.572 88.2676L125.678 88.1352L126.147 86.4654C126.159 86.4172 126.16 86.3671 126.151 86.3182C126.142 86.2694 126.123 86.223 126.095 86.182C126.067 86.1411 126.031 86.1066 125.988 86.0808C125.946 86.055 125.899 86.0384 125.849 86.0322L125.148 85.9832C125.067 85.9755 124.986 85.9962 124.918 86.0416C124.851 86.087 124.801 86.1544 124.778 86.2322L124.299 88.0388L122.194 87.8916C122.112 87.8842 122.03 87.9058 121.963 87.9526C121.895 87.9994 121.846 88.0684 121.824 88.1477L121.631 88.8392C121.617 88.89 121.614 88.9433 121.624 88.9953C121.633 89.0472 121.654 89.0964 121.685 89.1391C121.716 89.1819 121.756 89.2172 121.802 89.2424C121.848 89.2676 121.9 89.282 121.952 89.2846L123.899 89.4208L123.128 92.1867L121.023 92.0396C120.941 92.0322 120.859 92.0537 120.791 92.1005C120.724 92.1473 120.675 92.2164 120.653 92.2957L120.46 92.9871C120.446 93.038 120.443 93.0913 120.452 93.1432C120.462 93.1952 120.483 93.2443 120.513 93.2871C120.544 93.3299 120.584 93.3652 120.631 93.3904C120.677 93.4156 120.728 93.43 120.781 93.4326L122.742 93.5697L122.273 95.2394C122.26 95.2896 122.259 95.3419 122.269 95.3926C122.28 95.4432 122.301 95.491 122.332 95.5325C122.362 95.5741 122.402 95.6083 122.447 95.6328C122.493 95.6573 122.543 95.6715 122.595 95.6744L123.296 95.7234C123.375 95.7269 123.452 95.7041 123.516 95.6588C123.579 95.6135 123.626 95.5481 123.649 95.4731L124.142 93.6676L126.036 93.8L125.566 95.4698C125.555 95.5179 125.553 95.5681 125.562 95.617C125.571 95.6658 125.59 95.7122 125.618 95.7531C125.646 95.7941 125.683 95.8286 125.725 95.8544C125.767 95.8802 125.815 95.8968 125.864 95.903L126.566 95.952C126.647 95.9597 126.728 95.939 126.795 95.8936C126.862 95.8482 126.912 95.7808 126.935 95.703L127.432 93.8977L129.536 94.0448C129.618 94.0522 129.7 94.0306 129.768 93.9839C129.836 93.9371 129.885 93.868 129.907 93.7887L130.096 93.097C130.11 93.0462 130.113 92.9928 130.104 92.9409C130.094 92.889 130.073 92.8398 130.043 92.797C130.012 92.7542 129.972 92.719 129.925 92.6938C129.879 92.6686 129.828 92.6542 129.775 92.6515L127.818 92.5147L128.586 89.7485L130.69 89.8956C130.772 89.903 130.854 89.8814 130.922 89.8347C130.989 89.7879 131.039 89.7188 131.061 89.6395L131.253 88.948C131.268 88.8961 131.27 88.8414 131.26 88.7883C131.25 88.7353 131.228 88.6852 131.196 88.642C131.164 88.5989 131.122 88.5637 131.073 88.5394C131.025 88.515 130.972 88.5021 130.918 88.5016ZM126.414 92.4166L124.52 92.2841L125.292 89.5181L127.186 89.6506L126.414 92.4166Z" fill="#0068A0"/> <rect x="138.037" y="88.8115" width="29" height="7" rx="1" transform="rotate(4 138.037 88.8115)" fill="#86D0F9"/> <g filter="url(#hashtagiconfilter1_ddd)"> <rect x="119.327" y="12.3203" width="80" height="91" rx="2" transform="rotate(4 119.327 12.3203)" fill="white"/> </g> <g clip-path="url(#hashtagiconclip2)"> <rect x="119.327" y="12.3203" width="80" height="80" transform="rotate(4 119.327 12.3203)" fill="#0096CC"/> <circle cx="126.556" cy="44.5" r="46.5" fill="#0068A0"/> </g> <path d="M130.918 88.5016L128.971 88.3655L129.441 86.6958C129.453 86.6464 129.454 86.5951 129.444 86.5452C129.435 86.4954 129.414 86.4482 129.385 86.4069C129.355 86.3657 129.317 86.3313 129.273 86.3062C129.229 86.2811 129.18 86.2659 129.129 86.2616L128.427 86.2125C128.347 86.2049 128.265 86.2255 128.198 86.2709C128.131 86.3163 128.081 86.3837 128.058 86.4616L127.572 88.2676L125.678 88.1352L126.147 86.4654C126.159 86.4172 126.16 86.3671 126.151 86.3182C126.142 86.2694 126.123 86.223 126.095 86.182C126.067 86.1411 126.031 86.1066 125.988 86.0808C125.946 86.055 125.899 86.0384 125.849 86.0322L125.148 85.9832C125.067 85.9755 124.986 85.9962 124.918 86.0416C124.851 86.087 124.801 86.1544 124.778 86.2322L124.299 88.0388L122.194 87.8916C122.112 87.8842 122.03 87.9058 121.963 87.9526C121.895 87.9994 121.846 88.0684 121.824 88.1477L121.631 88.8392C121.617 88.89 121.614 88.9433 121.624 88.9953C121.633 89.0472 121.654 89.0964 121.685 89.1391C121.716 89.1819 121.756 89.2172 121.802 89.2424C121.848 89.2676 121.9 89.282 121.952 89.2846L123.899 89.4208L123.128 92.1867L121.023 92.0396C120.941 92.0322 120.859 92.0537 120.791 92.1005C120.724 92.1473 120.675 92.2164 120.653 92.2957L120.46 92.9871C120.446 93.038 120.443 93.0913 120.452 93.1432C120.462 93.1952 120.483 93.2443 120.513 93.2871C120.544 93.3299 120.584 93.3652 120.631 93.3904C120.677 93.4156 120.728 93.43 120.781 93.4326L122.742 93.5697L122.273 95.2394C122.26 95.2896 122.259 95.3419 122.269 95.3926C122.28 95.4432 122.301 95.491 122.332 95.5325C122.362 95.5741 122.402 95.6083 122.447 95.6328C122.493 95.6573 122.543 95.6715 122.595 95.6744L123.296 95.7234C123.375 95.7269 123.452 95.7041 123.516 95.6588C123.579 95.6135 123.626 95.5481 123.649 95.4731L124.142 93.6676L126.036 93.8L125.566 95.4698C125.555 95.5179 125.553 95.5681 125.562 95.617C125.571 95.6658 125.59 95.7122 125.618 95.7531C125.646 95.7941 125.683 95.8286 125.725 95.8544C125.767 95.8802 125.815 95.8968 125.864 95.903L126.566 95.952C126.647 95.9597 126.728 95.939 126.795 95.8936C126.862 95.8482 126.912 95.7808 126.935 95.703L127.432 93.8977L129.536 94.0448C129.618 94.0522 129.7 94.0306 129.768 93.9839C129.836 93.9371 129.885 93.868 129.907 93.7887L130.096 93.097C130.11 93.0462 130.113 92.9928 130.104 92.9409C130.094 92.889 130.073 92.8398 130.043 92.797C130.012 92.7542 129.972 92.719 129.925 92.6938C129.879 92.6686 129.828 92.6542 129.775 92.6515L127.818 92.5147L128.586 89.7485L130.69 89.8956C130.772 89.903 130.854 89.8814 130.922 89.8347C130.989 89.7879 131.039 89.7188 131.061 89.6395L131.253 88.948C131.268 88.8961 131.27 88.8414 131.26 88.7883C131.25 88.7353 131.228 88.6852 131.196 88.642C131.164 88.5989 131.122 88.5637 131.073 88.5394C131.025 88.515 130.972 88.5021 130.918 88.5016ZM126.414 92.4166L124.52 92.2841L125.292 89.5181L127.186 89.6506L126.414 92.4166Z" fill="#0068A0"/> <rect x="138.037" y="88.8115" width="29" height="7" rx="1" transform="rotate(4 138.037 88.8115)" fill="#86D0F9"/> <g filter="url(#hashtagiconfilter2_ddd)"> <rect x="65.0557" y="21" width="80" height="91" rx="2" fill="white"/> </g> <g clip-path="url(#hashtagiconclip3)"> <rect x="65.0557" y="21" width="80" height="80" fill="#F6966B"/> <path d="M80.8025 49.333L144.136 112.666H28.3887L80.8025 49.333Z" fill="#F9BBA0"/> </g> <path d="M81.9327 96.187H79.9812L80.3328 94.4887C80.3414 94.4386 80.3391 94.3873 80.3261 94.3382C80.313 94.2892 80.2894 94.2435 80.257 94.2044C80.2246 94.1653 80.1841 94.1337 80.1383 94.1118C80.0925 94.0898 80.0425 94.078 79.9917 94.0773H79.2885C79.2072 94.0753 79.1277 94.1015 79.0636 94.1515C78.9995 94.2015 78.9547 94.2722 78.9368 94.3515L78.5782 96.187H76.6794L77.031 94.4887C77.0395 94.4398 77.0376 94.3896 77.0253 94.3415C77.013 94.2934 76.9907 94.2484 76.9598 94.2095C76.9289 94.1707 76.8902 94.1388 76.8461 94.116C76.802 94.0932 76.7535 94.08 76.704 94.0773H76.0007C75.9194 94.0753 75.84 94.1015 75.7759 94.1515C75.7117 94.2015 75.6669 94.2722 75.6491 94.3515L75.2974 96.187H73.1877C73.1054 96.1854 73.0252 96.2126 72.9609 96.264C72.8967 96.3154 72.8525 96.3877 72.836 96.4683L72.6919 97.1716C72.6813 97.2233 72.6825 97.2767 72.6954 97.3278C72.7083 97.379 72.7325 97.4266 72.7662 97.4671C72.8 97.5076 72.8425 97.54 72.8905 97.5619C72.9385 97.5838 72.9908 97.5946 73.0435 97.5936H74.995L74.4184 100.407H72.3086C72.2263 100.405 72.1461 100.432 72.0818 100.484C72.0176 100.535 71.9734 100.607 71.957 100.688L71.8128 101.391C71.8022 101.443 71.8034 101.496 71.8163 101.547C71.8292 101.599 71.8534 101.646 71.8872 101.687C71.9209 101.727 71.9634 101.76 72.0114 101.782C72.0594 101.803 72.1117 101.814 72.1644 101.813H74.13L73.7784 103.512C73.7696 103.562 73.7722 103.615 73.7858 103.664C73.7995 103.714 73.824 103.761 73.8576 103.8C73.8912 103.839 73.933 103.87 73.9801 103.892C74.0272 103.913 74.0784 103.924 74.13 103.923H74.8333C74.9116 103.921 74.9869 103.893 75.0474 103.843C75.1079 103.793 75.1501 103.725 75.1673 103.649L75.533 101.813H77.4318L77.0802 103.512C77.0717 103.56 77.0736 103.611 77.0859 103.659C77.0982 103.707 77.1205 103.752 77.1514 103.791C77.1823 103.829 77.221 103.861 77.2651 103.884C77.3092 103.907 77.3577 103.92 77.4072 103.923H78.1105C78.1918 103.925 78.2712 103.899 78.3354 103.849C78.3995 103.799 78.4443 103.728 78.4621 103.649L78.8313 101.813H80.9411C81.0234 101.815 81.1036 101.788 81.1679 101.736C81.2321 101.685 81.2763 101.612 81.2928 101.532L81.4334 100.829C81.444 100.777 81.4428 100.723 81.4299 100.672C81.417 100.621 81.3928 100.574 81.359 100.533C81.3253 100.493 81.2828 100.46 81.2348 100.438C81.1868 100.416 81.1345 100.406 81.0818 100.407H79.1197L79.6928 97.5936H81.8026C81.8849 97.5952 81.9651 97.568 82.0294 97.5166C82.0936 97.4652 82.1378 97.3929 82.1543 97.3123L82.2984 96.609C82.3093 96.5561 82.3079 96.5014 82.2942 96.4492C82.2806 96.3969 82.2551 96.3485 82.2197 96.3077C82.1844 96.2669 82.1401 96.2348 82.0903 96.2139C82.0405 96.193 81.9866 96.1838 81.9327 96.187ZM77.7132 100.407H75.8143L76.391 97.5936H78.2898L77.7132 100.407Z" fill="#FE544F"/> <rect x="89.0557" y="96" width="29" height="7" rx="1" fill="#FCE1D5"/> <g filter="url(#hashtagiconfilter3_ddd)"> <rect x="65.0557" y="21" width="80" height="91" rx="2" fill="white"/> </g> <g clip-path="url(#hashtagiconclip4)"> <rect x="65.0557" y="21" width="80" height="80" fill="#F6966B"/> <path d="M80.8025 49.333L144.136 112.666H28.3887L80.8025 49.333Z" fill="#F9BBA0"/> </g> <path d="M81.9327 96.187H79.9812L80.3328 94.4887C80.3414 94.4386 80.3391 94.3873 80.3261 94.3382C80.313 94.2892 80.2894 94.2435 80.257 94.2044C80.2246 94.1653 80.1841 94.1337 80.1383 94.1118C80.0925 94.0898 80.0425 94.078 79.9917 94.0773H79.2885C79.2072 94.0753 79.1277 94.1015 79.0636 94.1515C78.9995 94.2015 78.9547 94.2722 78.9368 94.3515L78.5782 96.187H76.6794L77.031 94.4887C77.0395 94.4398 77.0376 94.3896 77.0253 94.3415C77.013 94.2934 76.9907 94.2484 76.9598 94.2095C76.9289 94.1707 76.8902 94.1388 76.8461 94.116C76.802 94.0932 76.7535 94.08 76.704 94.0773H76.0007C75.9194 94.0753 75.84 94.1015 75.7759 94.1515C75.7117 94.2015 75.6669 94.2722 75.6491 94.3515L75.2974 96.187H73.1877C73.1054 96.1854 73.0252 96.2126 72.9609 96.264C72.8967 96.3154 72.8525 96.3877 72.836 96.4683L72.6919 97.1716C72.6813 97.2233 72.6825 97.2767 72.6954 97.3278C72.7083 97.379 72.7325 97.4266 72.7662 97.4671C72.8 97.5076 72.8425 97.54 72.8905 97.5619C72.9385 97.5838 72.9908 97.5946 73.0435 97.5936H74.995L74.4184 100.407H72.3086C72.2263 100.405 72.1461 100.432 72.0818 100.484C72.0176 100.535 71.9734 100.607 71.957 100.688L71.8128 101.391C71.8022 101.443 71.8034 101.496 71.8163 101.547C71.8292 101.599 71.8534 101.646 71.8872 101.687C71.9209 101.727 71.9634 101.76 72.0114 101.782C72.0594 101.803 72.1117 101.814 72.1644 101.813H74.13L73.7784 103.512C73.7696 103.562 73.7722 103.615 73.7858 103.664C73.7995 103.714 73.824 103.761 73.8576 103.8C73.8912 103.839 73.933 103.87 73.9801 103.892C74.0272 103.913 74.0784 103.924 74.13 103.923H74.8333C74.9116 103.921 74.9869 103.893 75.0474 103.843C75.1079 103.793 75.1501 103.725 75.1673 103.649L75.533 101.813H77.4318L77.0802 103.512C77.0717 103.56 77.0736 103.611 77.0859 103.659C77.0982 103.707 77.1205 103.752 77.1514 103.791C77.1823 103.829 77.221 103.861 77.2651 103.884C77.3092 103.907 77.3577 103.92 77.4072 103.923H78.1105C78.1918 103.925 78.2712 103.899 78.3354 103.849C78.3995 103.799 78.4443 103.728 78.4621 103.649L78.8313 101.813H80.9411C81.0234 101.815 81.1036 101.788 81.1679 101.736C81.2321 101.685 81.2763 101.612 81.2928 101.532L81.4334 100.829C81.444 100.777 81.4428 100.723 81.4299 100.672C81.417 100.621 81.3928 100.574 81.359 100.533C81.3253 100.493 81.2828 100.46 81.2348 100.438C81.1868 100.416 81.1345 100.406 81.0818 100.407H79.1197L79.6928 97.5936H81.8026C81.8849 97.5952 81.9651 97.568 82.0294 97.5166C82.0936 97.4652 82.1378 97.3929 82.1543 97.3123L82.2984 96.609C82.3093 96.5561 82.3079 96.5014 82.2942 96.4492C82.2806 96.3969 82.2551 96.3485 82.2197 96.3077C82.1844 96.2669 82.1401 96.2348 82.0903 96.2139C82.0405 96.193 81.9866 96.1838 81.9327 96.187ZM77.7132 100.407H75.8143L76.391 97.5936H78.2898L77.7132 100.407Z" fill="#FE544F"/> <rect x="89.0557" y="96" width="29" height="7" rx="1" fill="#FCE1D5"/> </g> <defs> <filter id="hashtagiconfilter0_ddd" x="100.114" y="5.45508" width="111.884" height="122.09" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="hashtagiconfilter1_ddd" x="100.114" y="5.45508" width="111.884" height="122.09" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="hashtagiconfilter2_ddd" x="52.0557" y="14" width="106" height="117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="hashtagiconfilter3_ddd" x="52.0557" y="14" width="106" height="117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6"/> <feGaussianBlur stdDeviation="6.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="3"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <clipPath id="hashtagiconclip0"> <rect width="259.056" height="126" fill="white" transform="translate(0.0556641)"/> </clipPath> <clipPath id="hashtagiconclip1"> <path d="M119.211 13.9829C119.275 13.0647 120.072 12.3724 120.99 12.4366L197.47 17.7846C198.388 17.8488 199.08 18.6452 199.016 19.5634L194.528 83.7401L114.723 78.1595L119.211 13.9829Z" fill="white"/> </clipPath> <clipPath id="hashtagiconclip2"> <path d="M119.211 13.9829C119.275 13.0647 120.072 12.3724 120.99 12.4366L197.47 17.7846C198.388 17.8488 199.08 18.6452 199.016 19.5634L194.528 83.7401L114.723 78.1595L119.211 13.9829Z" fill="white"/> </clipPath> <clipPath id="hashtagiconclip3"> <path d="M65.0557 22.6667C65.0557 21.7462 65.8019 21 66.7223 21H143.389C144.309 21 145.056 21.7462 145.056 22.6667V87H65.0557V22.6667Z" fill="white"/> </clipPath> <clipPath id="hashtagiconclip4"> <path d="M65.0557 22.6667C65.0557 21.7462 65.8019 21 66.7223 21H143.389C144.309 21 145.056 21.7462 145.056 22.6667V87H65.0557V22.6667Z" fill="white"/> </clipPath> </defs> </svg>',
1121
+ 'taggedpostsIcon' => '<svg width="260" height="126" viewBox="0 0 260 126" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#taggedpostclip0)"> <g filter="url(#taggedpostfilter0_ddd)"> <g clip-path="url(#taggedpostclip1)"> <rect x="104.316" y="29.0303" width="83.0697" height="84.1212" rx="2.10303" transform="rotate(2 104.316 29.0303)" fill="white"/> <g clip-path="url(#taggedpostclip2)"> <path d="M104.063 23.0957L188.133 26.0315L185.418 103.796L101.348 100.86L104.063 23.0957Z" fill="#59AB46"/> <path d="M119.756 48.194L183.987 117.073L62.3516 112.826L119.756 48.194Z" fill="#76C064"/> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M113.109 94.8001C114.187 94.6246 115.292 94.7726 116.286 95.2254C117.279 95.6782 118.116 96.4154 118.691 97.3439C119.265 98.2723 119.552 99.3503 119.513 100.441L119.485 101.259C119.467 101.783 119.241 102.278 118.858 102.635C118.474 102.993 117.964 103.183 117.441 103.165C116.917 103.147 116.422 102.921 116.064 102.538C115.997 102.466 115.937 102.391 115.882 102.311C115.342 102.804 114.63 103.067 113.899 103.041C113.158 103.016 112.458 102.697 111.953 102.155C111.447 101.613 111.178 100.892 111.204 100.151C111.23 99.4107 111.549 98.7106 112.091 98.2052C112.633 97.6998 113.353 97.4304 114.094 97.4562C114.834 97.4821 115.535 97.8011 116.04 98.3431C116.545 98.8851 116.815 99.6057 116.789 100.346L116.76 101.164C116.753 101.362 116.826 101.556 116.961 101.701C117.097 101.847 117.285 101.932 117.483 101.939C117.682 101.946 117.875 101.874 118.021 101.738C118.166 101.603 118.252 101.415 118.259 101.216L118.287 100.399C118.317 99.55 118.094 98.7115 117.647 97.9894C117.201 97.2673 116.55 96.6939 115.777 96.3417C115.004 95.9896 114.144 95.8745 113.306 96.011C112.468 96.1475 111.689 96.5295 111.068 97.1086C110.447 97.6878 110.012 98.4381 109.817 99.2647C109.622 100.091 109.677 100.957 109.975 101.752C110.272 102.548 110.799 103.237 111.488 103.733C112.177 104.23 112.998 104.51 113.846 104.54L113.847 104.54C114.6 104.567 115.347 104.395 116.011 104.04C116.31 103.881 116.682 103.994 116.841 104.293C117.001 104.591 116.888 104.963 116.589 105.123C115.733 105.579 114.772 105.801 113.803 105.766L113.825 105.153L113.804 105.766C113.803 105.766 113.803 105.766 113.803 105.766C112.712 105.728 111.657 105.367 110.771 104.729C109.885 104.091 109.208 103.205 108.825 102.182C108.443 101.159 108.373 100.046 108.623 98.9835C108.873 97.9208 109.433 96.956 110.231 96.2114C111.03 95.4668 112.031 94.9757 113.109 94.8001ZM115.563 100.304C115.577 99.888 115.426 99.4838 115.143 99.1798C114.859 98.8757 114.466 98.6967 114.051 98.6822C113.636 98.6677 113.231 98.8189 112.927 99.1024C112.623 99.3859 112.444 99.7786 112.43 100.194C112.415 100.61 112.566 101.014 112.85 101.318C113.133 101.622 113.526 101.801 113.942 101.815C114.357 101.83 114.761 101.679 115.065 101.395C115.369 101.112 115.548 100.719 115.563 100.304Z" fill="#59AB46"/> <rect x="126.717" y="97.5381" width="30.4939" height="7.3606" rx="1.05151" transform="rotate(2 126.717 97.5381)" fill="#B6DDAD"/> </g> </g> <g filter="url(#taggedpostfilter1_ddd)"> <g clip-path="url(#taggedpostclip3)"> <rect x="70.8867" y="10.8984" width="83.0697" height="84.1212" rx="2.10303" transform="rotate(-2 70.8867 10.8984)" fill="white"/> <g clip-path="url(#taggedpostclip4)"> <path d="M70.2217 4.99609L154.292 2.06031L157.007 79.825L72.9373 82.7608L70.2217 4.99609Z" fill="#43A6DB"/> <circle cx="169.299" cy="72.169" r="48.8954" transform="rotate(-2 169.299 72.169)" fill="#0068A0"/> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M84.2452 75.8962C85.308 75.646 86.4211 75.7165 87.4438 76.0989C88.4665 76.4813 89.3529 77.1583 89.9908 78.0444C90.6287 78.9305 90.9895 79.9859 91.0276 81.0771L91.0562 81.8944C91.0745 82.4183 90.8839 82.928 90.5264 83.3114C90.1689 83.6947 89.6738 83.9204 89.1499 83.9387C88.626 83.957 88.1163 83.7664 87.733 83.4089C87.6615 83.3423 87.5956 83.2709 87.5354 83.1954C87.0315 83.7253 86.3396 84.0368 85.6081 84.0623C84.8674 84.0882 84.1468 83.8188 83.6048 83.3134C83.0628 82.8079 82.7438 82.1079 82.7179 81.3673C82.6921 80.6266 82.9615 79.906 83.4669 79.364C83.9723 78.822 84.6724 78.503 85.413 78.4771C86.1537 78.4513 86.8742 78.7207 87.4162 79.2261C87.9583 79.7315 88.2773 80.4316 88.3031 81.1722L88.3317 81.9896C88.3386 82.1883 88.4242 82.3761 88.5696 82.5117C88.715 82.6473 88.9084 82.7196 89.1071 82.7126C89.3058 82.7057 89.4936 82.6201 89.6292 82.4747C89.7648 82.3293 89.8371 82.136 89.8301 81.9372L89.8016 81.1199C89.772 80.2712 89.4913 79.4504 88.9952 78.7612C88.499 78.072 87.8096 77.5454 87.0142 77.248C86.2188 76.9506 85.353 76.8957 84.5264 77.0904C83.6998 77.285 82.9495 77.7204 82.3703 78.3415C81.7912 78.9625 81.4092 79.7414 81.2727 80.5796C81.1362 81.4177 81.2513 82.2776 81.6034 83.0503C81.9556 83.8231 82.529 84.474 83.2511 84.9209C83.9733 85.3678 84.8117 85.5905 85.6604 85.5608L85.661 85.5608C86.4142 85.5352 87.147 85.3114 87.7851 84.9114C88.0721 84.7314 88.4506 84.8182 88.6306 85.1052C88.8105 85.3922 88.7237 85.7708 88.4367 85.9507C87.6149 86.466 86.6715 86.754 85.7026 86.7869L85.6818 86.1738L85.7032 86.7868C85.703 86.7868 85.7028 86.7869 85.7026 86.7869C84.6116 86.8248 83.5339 86.5385 82.6056 85.9641C81.6771 85.3895 80.9399 84.5526 80.4871 83.559C80.0344 82.5655 79.8864 81.46 80.0619 80.3824C80.2374 79.3047 80.7285 78.3033 81.4731 77.5048C82.2178 76.7063 83.1825 76.1465 84.2452 75.8962ZM87.0771 81.215C87.0626 80.7996 86.8836 80.4069 86.5796 80.1233C86.2755 79.8398 85.8713 79.6887 85.4558 79.7032C85.0403 79.7177 84.6476 79.8966 84.3641 80.2007C84.0806 80.5047 83.9294 80.909 83.944 81.3245C83.9585 81.7399 84.1374 82.1326 84.4415 82.4162C84.7455 82.6997 85.1498 82.8508 85.5652 82.8363C85.9807 82.8218 86.3734 82.6429 86.657 82.3388C86.9405 82.0348 87.0916 81.6305 87.0771 81.215Z" fill="#0068A0"/> <rect x="98.0117" y="77.6768" width="30.4939" height="7.3606" rx="1.05151" transform="rotate(-2 98.0117 77.6768)" fill="#86D0F9"/> </g> </g> </g> <defs> <filter id="taggedpostfilter0_ddd" x="87.7112" y="21.6697" width="113.294" height="114.308" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="taggedpostfilter1_ddd" x="57.217" y="0.638418" width="113.294" height="114.308" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <clipPath id="taggedpostclip0"> <rect width="259.056" height="126" fill="white" transform="translate(0.111328)"/> </clipPath> <clipPath id="taggedpostclip1"> <rect x="104.316" y="29.0303" width="83.0697" height="84.1212" rx="2.10303" transform="rotate(2 104.316 29.0303)" fill="white"/> </clipPath> <clipPath id="taggedpostclip2"> <path d="M104.187 19.5933C104.221 18.626 105.032 17.8692 106 17.903L186.567 20.7164C187.534 20.7502 188.291 21.5617 188.257 22.529L185.896 90.1353L101.826 87.1995L104.187 19.5933Z" fill="white"/> </clipPath> <clipPath id="taggedpostclip3"> <rect x="70.8867" y="10.8984" width="83.0697" height="84.1212" rx="2.10303" transform="rotate(-2 70.8867 10.8984)" fill="white"/> </clipPath> <clipPath id="taggedpostclip4"> <path d="M70.0983 1.49365C70.0645 0.526345 70.8213 -0.285196 71.7886 -0.318975L152.356 -3.13244C153.323 -3.16622 154.134 -2.40945 154.168 -1.44214L156.529 66.1641L72.4591 69.0999L70.0983 1.49365Z" fill="white"/> </clipPath> </defs> </svg>',
1122
+ 'socialwall1Icon' => '<svg width="260" height="126" viewBox="0 0 260 126" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#social1filter0_ddd)"> <rect x="44.416" y="44.9111" width="42" height="42" rx="2.10303" transform="rotate(-5 44.416 44.9111)" fill="white"/> <path d="M66.2979 54.0796C60.8188 54.559 56.7273 59.4241 57.2092 64.933C57.645 69.914 61.6528 73.7292 66.48 74.0598L65.8699 67.0864L63.3395 67.3078L63.0868 64.4188L65.6171 64.1974L65.4245 61.9959C65.2057 59.4954 66.5698 57.9908 68.8511 57.7912C69.9369 57.6962 71.0892 57.7861 71.0892 57.7861L71.3044 60.2467L70.0492 60.3565C68.8139 60.4646 68.4925 61.2657 68.5614 62.0527L68.7252 63.9255L71.4947 63.6832L71.2991 66.6114L68.978 66.8145L69.5881 73.7878C71.9031 73.2117 73.9359 71.827 75.3195 69.8835C76.7031 67.9401 77.3464 65.566 77.1331 63.1899C76.6512 57.681 71.777 53.6003 66.2979 54.0796Z" fill="#006BFA"/> </g> <g filter="url(#social1filter1_ddd)"> <rect x="83.0967" y="39.1279" width="42" height="42" rx="2.10303" transform="rotate(-3 83.0967 39.1279)" fill="white"/> <path d="M104.886 53.6171C101.89 53.7741 99.6299 56.3334 99.7844 59.2824C99.9414 62.2783 102.454 64.5406 105.45 64.3836C108.399 64.229 110.708 61.7141 110.551 58.7182C110.396 55.7691 107.835 53.4625 104.886 53.6171ZM105.352 62.5111C103.432 62.6117 101.76 61.1504 101.657 59.1843C101.556 57.2651 103.02 55.6394 104.986 55.5363C106.905 55.4357 108.531 56.8995 108.632 58.8188C108.735 60.7848 107.271 62.4105 105.352 62.5111ZM111.71 53.0717C111.673 52.3695 111.082 51.8372 110.38 51.874C109.678 51.9108 109.146 52.502 109.182 53.2041C109.219 53.9063 109.81 54.4386 110.512 54.4018C111.215 54.365 111.747 53.7738 111.71 53.0717ZM115.334 54.1491C115.152 52.4688 114.699 50.9905 113.418 49.8372C112.137 48.6839 110.62 48.3879 108.93 48.3826C107.193 48.3798 101.997 48.6521 100.27 48.8365C98.5894 49.0184 97.1579 49.469 95.9578 50.7523C94.8045 52.0331 94.5085 53.5507 94.5032 55.2408C94.5003 56.9777 94.7726 62.1737 94.957 63.9008C95.139 65.5811 95.5895 67.0126 96.8728 68.2127C98.2005 69.3635 99.6712 69.662 101.361 69.6673C103.098 69.6701 108.294 69.3978 110.021 69.2134C111.702 69.0315 113.18 68.5785 114.333 67.2976C115.484 65.97 115.783 64.4992 115.788 62.8091C115.791 61.0722 115.518 55.8762 115.334 54.1491ZM113.637 64.7525C113.358 65.7059 112.646 66.4473 111.776 66.8684C110.401 67.5037 107.117 67.535 105.619 67.6135C104.074 67.6945 100.805 68.0066 99.418 67.516C98.4621 67.1906 97.7232 66.5252 97.2996 65.6087C96.6667 64.2806 96.6354 60.9965 96.5545 59.4517C96.476 57.9538 96.1638 54.6844 96.652 53.2506C96.9798 52.3416 97.6452 51.6026 98.5618 51.1791C99.8899 50.5462 103.174 50.5149 104.719 50.4339C106.217 50.3554 109.486 50.0433 110.92 50.5314C111.826 50.8125 112.568 51.5247 112.989 52.3944C113.624 53.7693 113.656 57.0534 113.734 58.5514C113.815 60.0961 114.127 63.3655 113.637 64.7525Z" fill="url(#social1paint0_linear)"/> </g> <g filter="url(#social1filter2_ddd)"> <rect x="122.913" y="35.2803" width="42" height="42" rx="2.10303" transform="rotate(2 122.913 35.2803)" fill="white"/> <path d="M153.831 51.3695C153.049 51.6924 152.211 51.8933 151.348 51.9732C152.246 51.4743 152.955 50.6585 153.31 49.6603C152.463 50.131 151.531 50.4487 150.555 50.6147C149.795 49.7277 148.704 49.1892 147.444 49.1453C145.096 49.0633 143.11 50.9151 143.027 53.2836C143.015 53.6234 143.044 53.9546 143.103 54.2669C139.551 53.9627 136.443 52.1432 134.425 49.4811C134.033 50.0978 133.797 50.83 133.77 51.6095C133.718 53.0986 134.421 54.444 135.555 55.234C134.845 55.2093 134.192 54.9863 133.623 54.6663L133.622 54.6963C133.55 56.775 134.968 58.5656 136.913 59.0238C136.278 59.1739 135.617 59.1748 134.982 59.0264C135.224 59.8878 135.729 60.6518 136.428 61.2111C137.126 61.7703 137.982 62.0966 138.875 62.1441C137.318 63.2909 135.417 63.8738 133.485 63.797C133.145 63.7851 132.806 63.7533 132.467 63.7014C134.323 64.987 136.557 65.7755 138.976 65.8599C146.851 66.1349 151.407 59.75 151.605 54.0835C151.611 53.8936 151.617 53.7137 151.614 53.5235C152.475 52.9531 153.221 52.2187 153.831 51.3695Z" fill="#1B90EF"/> </g> <g filter="url(#social1filter3_ddd)"> <rect x="161.295" y="39.9297" width="42" height="42" rx="2.10303" transform="rotate(3 161.295 39.9297)" fill="white"/> <path d="M179.013 64.8913L184.352 62.167L179.327 58.8995L179.013 64.8913ZM190.966 57.677C191.072 58.1532 191.129 58.7871 191.147 59.5891C191.175 60.3917 191.169 61.0823 191.137 61.6815L191.153 62.5235C191.038 64.7105 190.794 66.3099 190.461 67.3238C190.164 68.2095 189.555 68.7583 188.643 68.9609C188.167 69.0661 187.303 69.111 185.982 69.1018C184.68 69.1037 183.49 69.0714 182.391 69.0138L180.8 68.9905C176.616 68.7712 174.018 68.4748 173.004 68.1413C172.119 67.8446 171.57 67.235 171.367 66.3231C171.262 65.847 171.205 65.2131 171.187 64.4111C171.159 63.6085 171.165 62.9179 171.196 62.3187L171.181 61.4767C171.295 59.2897 171.539 57.6903 171.873 56.6764C172.169 55.7907 172.779 55.2418 173.691 55.0393C174.167 54.9341 175.031 54.8892 176.352 54.8984C177.654 54.8965 178.844 54.9288 179.942 54.9864L181.533 55.0097C185.717 55.229 188.315 55.5254 189.329 55.8589C190.215 56.1556 190.764 56.7652 190.966 57.677Z" fill="#EB2121"/> </g> <defs> <filter id="social1filter0_ddd" x="30.7463" y="33.8904" width="72.8401" height="72.8401" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="social1filter1_ddd" x="69.427" y="29.5691" width="71.4799" height="71.4799" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="social1filter2_ddd" x="107.778" y="27.9197" width="70.7796" height="70.7796" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <filter id="social1filter3_ddd" x="145.427" y="32.5691" width="71.4799" height="71.4799" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.30909"/> <feGaussianBlur stdDeviation="6.83485"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.05151"/> <feGaussianBlur stdDeviation="1.05151"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.15454"/> <feGaussianBlur stdDeviation="3.15454"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/> </filter> <linearGradient id="social1paint0_linear" x1="103.683" y1="88.8048" x2="145.491" y2="41.4018" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="0.147864" stop-color="#F6640E"/> <stop offset="0.443974" stop-color="#BA03A7"/> <stop offset="0.733337" stop-color="#6A01B9"/> <stop offset="1" stop-color="#6B01B9"/> </linearGradient> </defs> </svg>',
1123
  'publichashtagIconFree' => '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_free506_22296)"><g filter="url(#filter0free_d_506_22296)"><rect x="3" y="3" width="26.1602" height="26.1602" rx="2" fill="#EC352F"/></g><path d="M21.5738 12.7852H19.3434L19.7453 10.8442C19.7552 10.787 19.7525 10.7284 19.7376 10.6723C19.7226 10.6162 19.6957 10.564 19.6587 10.5194C19.6216 10.4747 19.5753 10.4386 19.523 10.4135C19.4707 10.3884 19.4135 10.3749 19.3555 10.374H18.5518C18.4589 10.3718 18.3681 10.4018 18.2948 10.4589C18.2215 10.5161 18.1703 10.5968 18.1499 10.6875L17.74 12.7852H15.5699L15.9718 10.8442C15.9815 10.7883 15.9793 10.731 15.9653 10.676C15.9513 10.621 15.9258 10.5696 15.8905 10.5252C15.8552 10.4808 15.8109 10.4444 15.7605 10.4183C15.7101 10.3923 15.6547 10.3772 15.5981 10.374H14.7943C14.7014 10.3718 14.6106 10.4018 14.5374 10.4589C14.4641 10.5161 14.4129 10.5968 14.3925 10.6875L13.9906 12.7852H11.5794C11.4854 12.7833 11.3937 12.8145 11.3203 12.8732C11.2469 12.9319 11.1963 13.0146 11.1776 13.1067L11.0128 13.9104C11.0007 13.9695 11.0021 14.0305 11.0168 14.089C11.0315 14.1474 11.0592 14.2018 11.0978 14.2482C11.1364 14.2945 11.1849 14.3315 11.2398 14.3565C11.2946 14.3815 11.3544 14.3939 11.4147 14.3927H13.645L12.9859 17.6076H10.5748C10.4807 17.6057 10.389 17.6368 10.3156 17.6956C10.2422 17.7543 10.1917 17.8369 10.1729 17.9291L10.0081 18.7328C9.99607 18.7919 9.99744 18.8529 10.0122 18.9114C10.0269 18.9698 10.0546 19.0242 10.0931 19.0705C10.1317 19.1168 10.1803 19.1539 10.2351 19.1789C10.29 19.2039 10.3497 19.2163 10.41 19.215H12.6564L12.2546 21.156C12.2445 21.2142 12.2474 21.2739 12.2631 21.3309C12.2787 21.3878 12.3067 21.4406 12.3451 21.4855C12.3834 21.5304 12.4312 21.5663 12.485 21.5906C12.5389 21.6149 12.5974 21.6271 12.6564 21.6262H13.4601C13.5496 21.6239 13.6357 21.5919 13.7049 21.5351C13.774 21.4783 13.8223 21.4001 13.8419 21.3128L14.2599 19.215H16.4299L16.0281 21.156C16.0183 21.2119 16.0205 21.2693 16.0346 21.3242C16.0486 21.3792 16.0741 21.4306 16.1094 21.475C16.1447 21.5194 16.189 21.5559 16.2394 21.5819C16.2898 21.608 16.3451 21.6231 16.4018 21.6262H17.2055C17.2984 21.6285 17.3892 21.5985 17.4625 21.5414C17.5358 21.4842 17.587 21.4034 17.6074 21.3128L18.0293 19.215H20.4405C20.5345 19.2169 20.6262 19.1858 20.6997 19.1271C20.7731 19.0683 20.8236 18.9857 20.8424 18.8935L21.0031 18.0898C21.0152 18.0308 21.0138 17.9697 20.9991 17.9113C20.9844 17.8528 20.9567 17.7984 20.9181 17.7521C20.8795 17.7058 20.831 17.6688 20.7762 17.6437C20.7213 17.6187 20.6615 17.6064 20.6013 17.6076H18.3589L19.0139 14.3927H21.4251C21.5191 14.3946 21.6108 14.3634 21.6842 14.3047C21.7577 14.2459 21.8082 14.1633 21.827 14.0712L21.9917 13.2675C22.0042 13.207 22.0025 13.1445 21.987 13.0848C21.9714 13.0251 21.9422 12.9698 21.9018 12.9231C21.8614 12.8765 21.8108 12.8398 21.7539 12.8159C21.697 12.792 21.6354 12.7815 21.5738 12.7852ZM16.7514 17.6076H14.5813L15.2404 14.3927H17.4105L16.7514 17.6076Z" fill="white"/></g><defs><filter id="filter0free_d_506_22296" x="-3" y="0" width="38.1602" height="38.1602" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="3"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22296"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_506_22296" result="shape"/></filter><clipPath id="clip0_free506_22296"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>',
1124
+ 'taggedpostsIconFree' => '<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0tagged_506_22299)"><g filter="url(#filter0_taggedd_506_22299)"><rect x="3.33398" y="3" width="26.1602" height="26.1602" rx="2" fill="#0096CC"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M15.0171 9.37969C16.3265 9.11924 17.6837 9.25292 18.9171 9.76381C20.1505 10.2747 21.2047 11.1399 21.9464 12.2499C22.6881 13.3599 23.084 14.665 23.084 16V17C23.084 17.6409 22.8294 18.2556 22.3762 18.7088C21.923 19.1621 21.3083 19.4167 20.6673 19.4167C20.0264 19.4167 19.4117 19.1621 18.9585 18.7088C18.874 18.6244 18.7965 18.5343 18.7261 18.4395C18.0878 19.0655 17.229 19.4167 16.334 19.4167C15.4278 19.4167 14.5588 19.0567 13.918 18.4159C13.2773 17.7752 12.9173 16.9062 12.9173 16C12.9173 15.0938 13.2773 14.2248 13.918 13.584C14.5588 12.9433 15.4278 12.5833 16.334 12.5833C17.2401 12.5833 18.1092 12.9433 18.7499 13.584C19.3907 14.2248 19.7507 15.0938 19.7507 16V17C19.7507 17.2431 19.8472 17.4763 20.0191 17.6482C20.191 17.8201 20.4242 17.9167 20.6673 17.9167C20.9104 17.9167 21.1436 17.8201 21.3155 17.6482C21.4874 17.4763 21.584 17.2431 21.584 17V16C21.584 14.9616 21.2761 13.9466 20.6992 13.0833C20.1223 12.2199 19.3024 11.547 18.3431 11.1496C17.3838 10.7523 16.3282 10.6483 15.3098 10.8509C14.2914 11.0534 13.3559 11.5535 12.6217 12.2877C11.8875 13.0219 11.3874 13.9574 11.1849 14.9758C10.9823 15.9942 11.0863 17.0498 11.4836 18.0091C11.881 18.9684 12.5539 19.7883 13.4172 20.3652C14.2806 20.9421 15.2956 21.25 16.334 21.25L16.3347 21.25C17.2562 21.2509 18.1612 21.0087 18.958 20.547C19.3164 20.3394 19.7753 20.4616 19.9829 20.82C20.1906 21.1784 20.0684 21.6373 19.71 21.845C18.6837 22.4395 17.5187 22.7512 16.3332 22.75L16.334 22V22.75C16.3337 22.75 16.3335 22.75 16.3332 22.75C14.9985 22.7498 13.6937 22.354 12.5839 21.6124C11.4739 20.8707 10.6087 19.8165 10.0978 18.5831C9.58691 17.3497 9.45324 15.9925 9.71369 14.6831C9.97414 13.3738 10.617 12.171 11.561 11.227C12.505 10.283 13.7078 9.64015 15.0171 9.37969ZM18.2507 16C18.2507 15.4917 18.0487 15.0042 17.6893 14.6447C17.3298 14.2853 16.8423 14.0833 16.334 14.0833C15.8257 14.0833 15.3381 14.2853 14.9787 14.6447C14.6193 15.0042 14.4173 15.4917 14.4173 16C14.4173 16.5083 14.6193 16.9958 14.9787 17.3553C15.3381 17.7147 15.8257 17.9167 16.334 17.9167C16.8423 17.9167 17.3298 17.7147 17.6893 17.3553C18.0487 16.9958 18.2507 16.5083 18.2507 16Z" fill="white"/></g><defs><filter id="filter0_taggedd_506_22299" x="-2.66602" y="0" width="38.1602" height="38.1602" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="3"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_506_22299"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_506_22299" result="shape"/></filter><clipPath id="clip0tagged_506_22299"><rect width="32" height="32" fill="white" transform="translate(0.333984)"/></clipPath></defs></svg>',
1125
+ 'socialwall1IconFree' => '<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#socialWallFreeclip0)"> <path d="M8.49935 2.19C5.29102 2.19 2.66602 4.80917 2.66602 8.035C2.66602 10.9517 4.80102 13.3725 7.58935 13.81V9.72667H6.10768V8.035H7.58935V6.74584C7.58935 5.28167 8.45852 4.47667 9.79435 4.47667C10.4302 4.47667 11.0952 4.5875 11.0952 4.5875V6.02834H10.3602C9.63685 6.02834 9.40935 6.4775 9.40935 6.93834V8.035H11.031L10.7685 9.72667H9.40935V13.81C10.7839 13.5929 12.0356 12.8916 12.9385 11.8325C13.8413 10.7735 14.3358 9.42663 14.3327 8.035C14.3327 4.80917 11.7077 2.19 8.49935 2.19Z" fill="#006BFA"/> <path d="M8.5 21.3047C7 21.3047 5.80469 22.5234 5.80469 24C5.80469 25.5 7 26.6953 8.5 26.6953C9.97656 26.6953 11.1953 25.5 11.1953 24C11.1953 22.5234 9.97656 21.3047 8.5 21.3047ZM8.5 25.7578C7.53906 25.7578 6.74219 24.9844 6.74219 24C6.74219 23.0391 7.51562 22.2656 8.5 22.2656C9.46094 22.2656 10.2344 23.0391 10.2344 24C10.2344 24.9844 9.46094 25.7578 8.5 25.7578ZM11.9219 21.2109C11.9219 20.8594 11.6406 20.5781 11.2891 20.5781C10.9375 20.5781 10.6562 20.8594 10.6562 21.2109C10.6562 21.5625 10.9375 21.8438 11.2891 21.8438C11.6406 21.8438 11.9219 21.5625 11.9219 21.2109ZM13.7031 21.8438C13.6562 21 13.4688 20.25 12.8594 19.6406C12.25 19.0312 11.5 18.8438 10.6562 18.7969C9.78906 18.75 7.1875 18.75 6.32031 18.7969C5.47656 18.8438 4.75 19.0312 4.11719 19.6406C3.50781 20.25 3.32031 21 3.27344 21.8438C3.22656 22.7109 3.22656 25.3125 3.27344 26.1797C3.32031 27.0234 3.50781 27.75 4.11719 28.3828C4.75 28.9922 5.47656 29.1797 6.32031 29.2266C7.1875 29.2734 9.78906 29.2734 10.6562 29.2266C11.5 29.1797 12.25 28.9922 12.8594 28.3828C13.4688 27.75 13.6562 27.0234 13.7031 26.1797C13.75 25.3125 13.75 22.7109 13.7031 21.8438ZM12.5781 27.0938C12.4141 27.5625 12.0391 27.9141 11.5938 28.1016C10.8906 28.3828 9.25 28.3125 8.5 28.3125C7.72656 28.3125 6.08594 28.3828 5.40625 28.1016C4.9375 27.9141 4.58594 27.5625 4.39844 27.0938C4.11719 26.4141 4.1875 24.7734 4.1875 24C4.1875 23.25 4.11719 21.6094 4.39844 20.9062C4.58594 20.4609 4.9375 20.1094 5.40625 19.9219C6.08594 19.6406 7.72656 19.7109 8.5 19.7109C9.25 19.7109 10.8906 19.6406 11.5938 19.9219C12.0391 20.0859 12.3906 20.4609 12.5781 20.9062C12.8594 21.6094 12.7891 23.25 12.7891 24C12.7891 24.7734 12.8594 26.4141 12.5781 27.0938Z" fill="url(#socialWallFreepaint0_linear)"/> <path d="M30.6018 4.50001C30.1526 4.70418 29.6684 4.83834 29.1668 4.90251C29.6801 4.59334 30.0768 4.10334 30.2634 3.51418C29.7793 3.80584 29.2426 4.01001 28.6768 4.12668C28.2159 3.62501 27.5684 3.33334 26.8334 3.33334C25.4626 3.33334 24.3426 4.45334 24.3426 5.83584C24.3426 6.03418 24.3659 6.22668 24.4068 6.40751C22.3301 6.30251 20.4809 5.30501 19.2501 3.79418C19.0343 4.16168 18.9118 4.59334 18.9118 5.04834C18.9118 5.91751 19.3493 6.68751 20.0259 7.12501C19.6118 7.12501 19.2268 7.00834 18.8884 6.83334V6.85084C18.8884 8.06418 19.7518 9.07918 20.8951 9.30668C20.528 9.40713 20.1427 9.42111 19.7693 9.34751C19.9277 9.84479 20.238 10.2799 20.6565 10.5917C21.0751 10.9035 21.5808 11.0763 22.1026 11.0858C21.2181 11.7861 20.1216 12.1646 18.9934 12.1592C18.7951 12.1592 18.5968 12.1475 18.3984 12.1242C19.5068 12.8358 20.8251 13.25 22.2368 13.25C26.8334 13.25 29.3593 9.43501 29.3593 6.12751C29.3593 6.01668 29.3593 5.91168 29.3534 5.80084C29.8434 5.45084 30.2634 5.00751 30.6018 4.50001Z" fill="#1B90EF"/> <path d="M23.3327 25.75L26.3602 24L23.3327 22.25V25.75ZM30.076 21.1825C30.1518 21.4567 30.2043 21.8242 30.2393 22.2908C30.2802 22.7575 30.2977 23.16 30.2977 23.51L30.3327 24C30.3327 25.2775 30.2393 26.2167 30.076 26.8175C29.9302 27.3425 29.5918 27.6808 29.0668 27.8267C28.7927 27.9025 28.291 27.955 27.521 27.99C26.7627 28.0308 26.0685 28.0483 25.4268 28.0483L24.4993 28.0833C22.0552 28.0833 20.5327 27.99 19.9318 27.8267C19.4068 27.6808 19.0685 27.3425 18.9227 26.8175C18.8468 26.5433 18.7943 26.1758 18.7593 25.7092C18.7185 25.2425 18.701 24.84 18.701 24.49L18.666 24C18.666 22.7225 18.7593 21.7833 18.9227 21.1825C19.0685 20.6575 19.4068 20.3192 19.9318 20.1733C20.206 20.0975 20.7077 20.045 21.4777 20.01C22.236 19.9692 22.9302 19.9517 23.5718 19.9517L24.4993 19.9167C26.9435 19.9167 28.466 20.01 29.0668 20.1733C29.5918 20.3192 29.9302 20.6575 30.076 21.1825Z" fill="#EB2121"/> </g> <defs> <linearGradient id="socialWallFreepaint0_linear" x1="6.97891" y1="38.843" x2="29.0945" y2="16.268" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="0.147864" stop-color="#F6640E"/> <stop offset="0.443974" stop-color="#BA03A7"/> <stop offset="0.733337" stop-color="#6A01B9"/> <stop offset="1" stop-color="#6B01B9"/> </linearGradient> <clipPath id="socialWallFreeclip0"> <rect width="32" height="32" fill="white" transform="translate(0.5)"/> </clipPath> </defs> </svg>',
1126
+
1127
+ 'user' => '<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 0C4.53043 0 5.03914 0.210714 5.41421 0.585786C5.78929 0.960859 6 1.46957 6 2C6 2.53043 5.78929 3.03914 5.41421 3.41421C5.03914 3.78929 4.53043 4 4 4C3.46957 4 2.96086 3.78929 2.58579 3.41421C2.21071 3.03914 2 2.53043 2 2C2 1.46957 2.21071 0.960859 2.58579 0.585786C2.96086 0.210714 3.46957 0 4 0ZM4 5C6.21 5 8 5.895 8 7V8H0V7C0 5.895 1.79 5 4 5Z"/></svg>',
1128
+ 'hashtag' => '<svg viewBox="0 0 18 18" fill="none"><path d="M17.3607 4.1775H14.0152L14.618 1.266C14.6328 1.18021 14.6288 1.09223 14.6064 1.00812C14.5839 0.924001 14.5436 0.845742 14.488 0.778722C14.4324 0.711703 14.363 0.657514 14.2845 0.619882C14.206 0.582251 14.1203 0.56207 14.0332 0.560727H12.8276C12.6883 0.557321 12.5521 0.602311 12.4422 0.688037C12.3323 0.773763 12.2555 0.894929 12.2249 1.03091L11.61 4.1775H8.3549L8.9577 1.266C8.97229 1.18215 8.96897 1.09617 8.94795 1.0137C8.92692 0.931226 8.88867 0.854142 8.83572 0.787518C8.78276 0.720894 8.71629 0.666239 8.64069 0.62715C8.56509 0.588061 8.48207 0.565423 8.3971 0.560727H7.1915C7.05216 0.557321 6.91594 0.602311 6.80604 0.688037C6.69613 0.773763 6.61933 0.894929 6.58871 1.03091L5.98591 4.1775H2.36914C2.22811 4.17466 2.09056 4.22136 1.98042 4.30947C1.87028 4.39759 1.79452 4.52153 1.76634 4.65974L1.51919 5.86533C1.50109 5.95393 1.50315 6.04546 1.52522 6.13316C1.5473 6.22085 1.58882 6.30245 1.64671 6.37192C1.7046 6.44139 1.77737 6.49694 1.85965 6.53446C1.94192 6.57199 2.03158 6.59052 2.12199 6.58869H5.46751L4.47892 11.4111H0.862146C0.721125 11.4082 0.583571 11.4549 0.473429 11.543C0.363287 11.6311 0.287532 11.7551 0.259351 11.8933L0.0122042 13.0989C-0.00589975 13.1875 -0.00383898 13.279 0.0182337 13.3667C0.0403064 13.4544 0.0818254 13.536 0.139715 13.6055C0.197605 13.6749 0.270382 13.7305 0.352656 13.768C0.43493 13.8055 0.524592 13.8241 0.615 13.8222H3.98463L3.38183 16.7338C3.36677 16.821 3.37112 16.9106 3.39459 16.996C3.41806 17.0814 3.46006 17.1606 3.51761 17.2279C3.57517 17.2953 3.64685 17.3491 3.72757 17.3856C3.80829 17.4221 3.89606 17.4403 3.98463 17.439H5.19022C5.3244 17.4356 5.45359 17.3875 5.55732 17.3023C5.66105 17.2171 5.73339 17.0998 5.76288 16.9688L6.38979 13.8222H9.64488L9.04209 16.7338C9.02749 16.8176 9.03081 16.9036 9.05184 16.9861C9.07286 17.0685 9.11111 17.1456 9.16407 17.2122C9.21702 17.2789 9.28349 17.3335 9.35909 17.3726C9.43469 17.4117 9.51771 17.4343 9.60269 17.439H10.8083C10.9476 17.4424 11.0838 17.3974 11.1937 17.3117C11.3037 17.226 11.3805 17.1048 11.4111 16.9688L12.044 13.8222H15.6608C15.8018 13.8251 15.9394 13.7784 16.0495 13.6903C16.1596 13.6022 16.2354 13.4782 16.2636 13.34L16.5047 12.1344C16.5228 12.0458 16.5207 11.9543 16.4987 11.8666C16.4766 11.7789 16.4351 11.6973 16.3772 11.6278C16.3193 11.5584 16.2465 11.5028 16.1642 11.4653C16.082 11.4278 15.9923 11.4092 15.9019 11.4111H12.5383L13.5209 6.58869H17.1376C17.2787 6.59153 17.4162 6.54483 17.5264 6.45672C17.6365 6.36861 17.7123 6.24466 17.7404 6.10645L17.9876 4.90086C18.0063 4.8102 18.0038 4.71645 17.9804 4.62689C17.957 4.53733 17.9133 4.45436 17.8527 4.3844C17.7921 4.31445 17.7162 4.2594 17.6308 4.22352C17.5455 4.18764 17.4531 4.1719 17.3607 4.1775ZM10.1271 11.4111H6.87202L7.86061 6.58869H11.1157L10.1271 11.4111Z"/></svg>',
1129
+ 'mention' => '<svg viewBox="0 0 18 18"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.24419 0.172937C8.99002 -0.174331 10.7996 0.00389957 12.4442 0.685088C14.0887 1.36628 15.4943 2.51983 16.4832 3.99987C17.4722 5.47992 18 7.21997 18 9.00001V10.3333C18 11.1879 17.6605 12.0075 17.0562 12.6118C16.452 13.2161 15.6324 13.5556 14.7778 13.5556C13.9232 13.5556 13.1036 13.2161 12.4993 12.6118C12.3867 12.4992 12.2833 12.3791 12.1896 12.2527C11.3384 13.0874 10.1933 13.5556 9.00001 13.5556C7.7918 13.5556 6.63307 13.0756 5.77874 12.2213C4.92441 11.3669 4.44445 10.2082 4.44445 9.00001C4.44445 7.7918 4.92441 6.63307 5.77874 5.77874C6.63307 4.92441 7.7918 4.44445 9.00001 4.44445C10.2082 4.44445 11.3669 4.92441 12.2213 5.77874C13.0756 6.63307 13.5556 7.7918 13.5556 9.00001V10.3333C13.5556 10.6575 13.6843 10.9684 13.9135 11.1976C14.1428 11.4268 14.4536 11.5556 14.7778 11.5556C15.1019 11.5556 15.4128 11.4268 15.642 11.1976C15.8712 10.9684 16 10.6575 16 10.3333V9.00001C16 7.61554 15.5895 6.26216 14.8203 5.11101C14.0511 3.95987 12.9579 3.06266 11.6788 2.53285C10.3997 2.00303 8.99224 1.86441 7.63437 2.13451C6.27651 2.4046 5.02922 3.07129 4.05026 4.05026C3.07129 5.02922 2.4046 6.27651 2.13451 7.63437C1.86441 8.99224 2.00303 10.3997 2.53285 11.6788C3.06266 12.9579 3.95987 14.0511 5.11101 14.8203C6.26216 15.5895 7.61554 16 9.00001 16L9.001 16C10.2297 16.0012 11.4363 15.6782 12.4987 15.0627C12.9766 14.7859 13.5884 14.9488 13.8653 15.4267C14.1421 15.9046 13.9792 16.5164 13.5013 16.7933C12.1329 17.586 10.5796 18.0016 8.99901 18L9.00001 17V18C8.99968 18 8.99934 18 8.99901 18C7.21933 17.9998 5.47964 17.472 3.99987 16.4832C2.51983 15.4943 1.36628 14.0887 0.685088 12.4442C0.00389957 10.7996 -0.17433 8.99002 0.172936 7.24419C0.520204 5.49836 1.37737 3.89472 2.63604 2.63604C3.89472 1.37737 5.49836 0.520204 7.24419 0.172937ZM11.5556 9.00001C11.5556 8.32223 11.2863 7.67221 10.8071 7.19295C10.3278 6.7137 9.67778 6.44445 9.00001 6.44445C8.32223 6.44445 7.67221 6.7137 7.19295 7.19295C6.7137 7.67221 6.44445 8.32223 6.44445 9.00001C6.44445 9.67778 6.7137 10.3278 7.19295 10.8071C7.67221 11.2863 8.32223 11.5556 9.00001 11.5556C9.67778 11.5556 10.3278 11.2863 10.8071 10.8071C11.2863 10.3278 11.5556 9.67778 11.5556 9.00001Z"/></svg>',
1130
+ 'tooltipHelpSvg' => '<svg width="20" height="21" viewBox="0 0 20 21" fill="#0068A0" xmlns="http://www.w3.org/2000/svg"><path d="M9.1665 8H10.8332V6.33333H9.1665V8ZM9.99984 17.1667C6.32484 17.1667 3.33317 14.175 3.33317 10.5C3.33317 6.825 6.32484 3.83333 9.99984 3.83333C13.6748 3.83333 16.6665 6.825 16.6665 10.5C16.6665 14.175 13.6748 17.1667 9.99984 17.1667ZM9.99984 2.16666C8.90549 2.16666 7.82186 2.38221 6.81081 2.801C5.79976 3.21979 4.8811 3.83362 4.10728 4.60744C2.54448 6.17024 1.6665 8.28986 1.6665 10.5C1.6665 12.7101 2.54448 14.8298 4.10728 16.3926C4.8811 17.1664 5.79976 17.7802 6.81081 18.199C7.82186 18.6178 8.90549 18.8333 9.99984 18.8333C12.21 18.8333 14.3296 17.9554 15.8924 16.3926C17.4552 14.8298 18.3332 12.7101 18.3332 10.5C18.3332 9.40565 18.1176 8.32202 17.6988 7.31097C17.28 6.29992 16.6662 5.38126 15.8924 4.60744C15.1186 3.83362 14.1999 3.21979 13.1889 2.801C12.1778 2.38221 11.0942 2.16666 9.99984 2.16666ZM9.1665 14.6667H10.8332V9.66666H9.1665V14.6667Z" fill="#0068A0"/></svg>',
1131
+
1132
+ 'shoppableDisabled' => '<svg width="303" height="145" viewBox="0 0 303 145" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M124.919 67.2058C130.919 72.7058 150.519 81.4058 180.919 72.2058" stroke="#8C8F9A" stroke-width="2" stroke-dasharray="3 3"/> <path d="M181.999 69L185.797 70.4241L183.5 74L181.999 69Z" fill="#8C8F9A"/> <g filter="url(#shopp_disabled_filter0_dddd)"> <rect x="24.6006" y="17.6504" width="81" height="98" rx="2" transform="rotate(-4 24.6006 17.6504)" fill="white"/> <rect x="24.3338" y="17.4184" width="81.5" height="98.5" rx="2.25" transform="rotate(-4 24.3338 17.4184)" stroke="url(#shopp_disabled_paint0_linear)" stroke-width="0.5"/> </g> <g clip-path="url(#shopp_disabled_clip0)"> <path d="M94.5298 21.3615C92.9088 21.4749 91.7091 22.8823 91.8207 24.478C91.9341 26.0991 93.3162 27.3005 94.9372 27.1872C96.5329 27.0756 97.7597 25.6917 97.6463 24.0707C97.5348 22.4749 96.1256 21.2499 94.5298 21.3615ZM94.8664 26.174C93.8279 26.2466 92.9083 25.471 92.8339 24.4072C92.7613 23.3687 93.5387 22.4744 94.6025 22.4C95.6409 22.3274 96.5352 23.1048 96.6079 24.1433C96.6822 25.2071 95.9048 26.1014 94.8664 26.174ZM98.2208 21.0016C98.1942 20.6217 97.869 20.339 97.4891 20.3656C97.1091 20.3921 96.8264 20.7173 96.853 21.0973C96.8796 21.4772 97.2048 21.7599 97.5847 21.7333C97.9646 21.7068 98.2473 21.3816 98.2208 21.0016ZM100.194 21.5509C100.079 20.6426 99.8198 19.8463 99.1152 19.2338C98.4106 18.6213 97.586 18.4753 96.6706 18.4884C95.7299 18.5033 92.9184 18.6999 91.9848 18.8161C91.0765 18.9305 90.3054 19.188 89.6676 19.8944C89.0551 20.599 88.9092 21.4237 88.9223 22.3391C88.9371 23.2798 89.1337 26.0913 89.2499 27.0249C89.3644 27.9332 89.6219 28.7042 90.3283 29.342C91.0582 29.9528 91.8575 30.1005 92.7729 30.0874C93.7136 30.0725 96.5251 29.8759 97.4587 29.7597C98.367 29.6453 99.1634 29.386 99.7759 28.6814C100.387 27.9515 100.534 27.1521 100.521 26.2367C100.506 25.296 100.31 22.4845 100.194 21.5509ZM99.3745 27.3096C99.2327 27.8285 98.854 28.2368 98.3869 28.4731C97.6483 28.8302 95.8699 28.8782 95.0594 28.9348C94.2236 28.9933 92.4559 29.1933 91.7001 28.9407C91.1793 28.7735 90.7728 28.4201 90.5348 27.9277C90.1795 27.2144 90.1315 25.4361 90.073 24.6002C90.0164 23.7897 89.8164 22.022 90.0672 21.2409C90.2362 20.7455 90.5895 20.339 91.082 20.1009C91.7952 19.7456 93.5736 19.6976 94.4094 19.6392C95.2199 19.5825 96.9876 19.3825 97.7687 19.6333C98.2624 19.777 98.6707 20.1557 98.9069 20.6228C99.264 21.3614 99.312 23.1397 99.3687 23.9502C99.4271 24.7861 99.6271 26.5538 99.3745 27.3096Z" fill="url(#shopp_disabled_paint1_linear)"/> </g> <g clip-path="url(#shopp_disabled_clip1)"> <rect x="26.1348" y="39.5967" width="81" height="76" rx="2" transform="rotate(-4 26.1348 39.5967)" fill="#B5E5FF"/> <circle cx="30.7388" cy="105.436" r="54" transform="rotate(-4 30.7388 105.436)" fill="#86D0F9"/> <g filter="url(#shopp_disabled_filter1_dd)"> <mask id="shopp_disabled_mask0" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="35" y="47" width="60" height="54"> <path fill-rule="evenodd" clip-rule="evenodd" d="M68.7966 50.3478C68.534 50.4332 68.3943 50.7154 68.4401 50.9877C68.8644 53.5073 66.4327 56.3732 62.7333 57.5753C59.0338 58.7773 55.382 57.888 54.2442 55.6002C54.1213 55.3529 53.8423 55.2068 53.5797 55.2921L47.2555 57.347C47.1786 57.372 47.109 57.4152 47.0525 57.473L42.6186 62.008L35.8445 69.2862C35.7004 69.441 35.6693 69.6698 35.7668 69.8574L40.9681 79.8652C41.1015 80.1217 41.4239 80.212 41.6711 80.0621L47.8083 76.3393C48.0715 76.1797 48.4151 76.2935 48.5309 76.5788L58.2754 100.594C58.374 100.837 58.6437 100.963 58.8932 100.881L92.2457 90.0446C92.4952 89.9635 92.6396 89.7034 92.5765 89.4488L86.3412 64.2801C86.2678 63.9837 86.4749 63.6913 86.7789 63.6622L94.424 62.9299C94.7094 62.9026 94.9134 62.6414 94.8708 62.358L93.1967 51.2062C93.1647 50.9929 92.9995 50.8242 92.787 50.7877L82.5629 49.0293L76.3102 47.9666C76.2305 47.953 76.1488 47.959 76.0719 47.984L68.7966 50.3478Z" fill="white"/> </mask> <g mask="url(#shopp_disabled_mask0)"> <rect x="28.3076" y="60.3479" width="72" height="54" transform="rotate(-16 28.3076 60.3479)" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M66.4321 69.6639C65.1395 69.4776 63.7264 69.0512 62.5105 69.0127C63.1766 69.8427 63.7987 70.7521 64.429 71.6465C63.8884 72.3619 63.1987 72.9948 62.5553 73.6533C63.3952 74.1125 64.4294 74.2212 65.3292 74.5723C64.947 75.4717 64.0024 76.5635 63.9089 77.3062C65.0894 76.8017 66.445 76.1437 67.5698 75.7666C68.181 76.9532 68.7057 78.2958 69.3922 79.3464C69.485 77.6689 69.5124 75.9552 69.7351 74.3498C70.8246 74.4733 72.1524 74.6242 73.1713 74.589C72.2358 73.8444 71.3419 73.0247 70.4606 72.1824C71.1537 71.2976 71.8595 70.42 72.5116 69.5125C71.2887 69.7444 70.035 70.0316 68.7692 70.3408C68.2001 69.1068 67.8102 67.5497 67.1648 66.4536C66.98 67.5567 66.688 68.6002 66.4321 69.6639ZM70.0641 80.1946C70.0998 80.9132 70.6974 81.0407 70.7363 81.4713C70.1738 81.4417 69.7628 81.4615 69.1035 81.7558C68.9743 81.2243 69.4256 81.0144 69.1426 80.3976C61.5808 81.6649 57.7717 68.4365 64.8194 65.5342C73.6314 61.9053 78.4249 77.5439 70.0641 80.1946Z" fill="#FE544F"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M67.1649 66.4536C67.8103 67.5497 68.2003 69.1068 68.7693 70.3407C70.0352 70.0316 71.2888 69.7444 72.5117 69.5125C71.8597 70.42 71.1538 71.2976 70.4608 72.1824C71.3421 73.0248 72.2359 73.8444 73.1714 74.589C72.1526 74.6242 70.8247 74.4733 69.7352 74.3498C69.5126 75.9552 69.4852 77.6689 69.3924 79.3464C68.7058 78.2958 68.1811 76.9532 67.5699 75.7666C66.4451 76.1438 65.0896 76.8017 63.9091 77.3062C64.0026 76.5635 64.9472 75.4718 65.3294 74.5723C64.4295 74.2212 63.3954 74.1125 62.5555 73.6533C63.1989 72.9948 63.8885 72.362 64.4292 71.6465C63.7988 70.7521 63.1767 69.8427 62.5106 69.0128C63.7266 69.0512 65.1396 69.4776 66.4323 69.6639C66.6881 68.6002 66.9802 67.5567 67.1649 66.4536Z" fill="white"/> </g> </g> </g> <g filter="url(#shopp_disabled_filter2_dddd)"> <rect x="199.592" y="17.7058" width="79" height="102" rx="2" transform="rotate(4 199.592 17.7058)" fill="#E2F5FF"/> </g> <rect x="231.919" y="100.162" width="36" height="17" rx="2" transform="rotate(4 231.919 100.162)" fill="#0096CC"/> <path d="M241.707 111.873L244.07 112.038C245.123 112.112 245.827 111.602 245.887 110.743L245.888 110.736C245.931 110.112 245.469 109.576 244.827 109.497L244.831 109.432C245.358 109.397 245.785 108.978 245.821 108.453L245.822 108.446C245.875 107.686 245.328 107.182 244.346 107.113L242.051 106.953L241.707 111.873ZM243.95 107.973C244.376 108.003 244.61 108.232 244.586 108.579L244.585 108.586C244.561 108.931 244.281 109.123 243.824 109.091L243.162 109.045L243.241 107.923L243.95 107.973ZM243.859 109.858C244.377 109.894 244.652 110.136 244.624 110.538L244.623 110.545C244.594 110.958 244.295 111.166 243.777 111.13L243.02 111.077L243.109 109.805L243.859 109.858ZM248.86 112.507C250.155 112.597 251.031 111.925 251.108 110.824L251.334 107.602L250.086 107.515L249.869 110.617C249.829 111.19 249.498 111.51 248.935 111.47C248.376 111.431 248.09 111.069 248.13 110.496L248.347 107.393L247.099 107.306L246.874 110.528C246.796 111.633 247.581 112.417 248.86 112.507ZM253.583 112.703L254.834 112.791L254.952 111.1L256.873 107.989L255.539 107.896L254.448 109.838L254.383 109.833L253.565 107.758L252.232 107.665L253.701 111.012L253.583 112.703Z" fill="white"/> <g filter="url(#shopp_disabled_filter3_dd)"> <mask id="shopp_disabled_mask1" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="207" y="35" width="61" height="48"> <path fill-rule="evenodd" clip-rule="evenodd" d="M244.802 36.7068C244.526 36.6972 244.298 36.9146 244.248 37.1861C243.785 39.699 240.52 41.5604 236.632 41.4246C232.745 41.2889 229.618 39.2042 229.331 36.6652C229.3 36.3908 229.088 36.1581 228.812 36.1485L222.166 35.9164C222.085 35.9136 222.005 35.9304 221.932 35.9653L216.215 38.7104L207.36 43.2328C207.171 43.329 207.064 43.5333 207.091 43.743L208.556 54.9261C208.594 55.2128 208.866 55.408 209.149 55.3516L216.19 53.9524C216.492 53.8924 216.776 54.117 216.787 54.4246L217.73 80.3242C217.74 80.5864 217.95 80.7966 218.212 80.8057L253.26 82.0296C253.522 82.0388 253.747 81.8438 253.774 81.5829L256.523 55.7995C256.556 55.4959 256.85 55.2919 257.146 55.3685L264.581 57.2952C264.858 57.3671 265.139 57.1915 265.196 56.9106L267.437 45.8588C267.48 45.6474 267.382 45.4324 267.195 45.3253L258.189 40.1762L252.677 37.039C252.607 36.999 252.528 36.9766 252.447 36.9738L244.802 36.7068Z" fill="white"/> </mask> <g mask="url(#shopp_disabled_mask1)"> <rect x="203.335" y="32.2556" width="72" height="54" transform="rotate(4 203.335 32.2556)" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M235.974 54.0491C234.823 53.4321 233.641 52.548 232.512 52.096C232.854 53.1038 233.128 54.171 233.414 55.2271C232.661 55.7145 231.797 56.0733 230.967 56.472C231.599 57.1908 232.534 57.6466 233.259 58.2843C232.592 58.9988 231.331 59.7017 230.99 60.3676C232.271 60.2973 233.77 60.1426 234.956 60.173C235.125 61.497 235.159 62.9381 235.444 64.1601C236.105 62.6156 236.717 61.0146 237.476 59.5821C238.457 60.0709 239.653 60.6668 240.623 60.9822C239.998 59.9626 239.439 58.8866 238.899 57.7936C239.852 57.1992 240.816 56.616 241.739 55.9862C240.511 55.7859 239.234 55.627 237.939 55.4846C237.826 54.1304 237.992 52.5338 237.761 51.2831C237.21 52.2564 236.579 53.1372 235.974 54.0491ZM235.786 65.187C235.573 65.8745 236.091 66.1987 235.981 66.6166C235.462 66.3964 235.069 66.2745 234.349 66.3255C234.409 65.7818 234.905 65.739 234.85 65.0626C227.311 63.6672 228.256 49.9337 235.871 49.6169C245.393 49.2208 244.549 65.5558 235.786 65.187Z" fill="#FE544F"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M237.761 51.283C237.993 52.5337 237.827 54.1303 237.939 55.4844C239.235 55.6268 240.511 55.7857 241.739 55.9861C240.816 56.6159 239.853 57.1991 238.899 57.7935C239.439 58.8865 239.998 59.9624 240.623 60.9821C239.653 60.6667 238.457 60.0708 237.476 59.582C236.717 61.0145 236.106 62.6155 235.445 64.16C235.159 62.938 235.125 61.4969 234.956 60.1729C233.77 60.1425 232.272 60.2972 230.99 60.3675C231.332 59.7016 232.593 58.9987 233.259 58.2842C232.534 57.6465 231.599 57.1907 230.967 56.4719C231.797 56.0732 232.662 55.7144 233.414 55.227C233.128 54.1709 232.854 53.1037 232.512 52.0959C233.642 52.5479 234.824 53.432 235.975 54.049C236.579 53.1371 237.21 52.2563 237.761 51.283Z" fill="white"/> </g> </g> <path d="M266.144 121.304L266.2 120.51L265.32 120.449L265.375 119.655L263.615 119.532L263.67 118.739L261.03 118.554L261.085 117.761L259.325 117.637L259.547 114.463L258.666 114.402L258.722 113.608L256.962 113.485L256.906 114.279L256.026 114.217L255.526 121.359L254.646 121.297L254.702 120.504L252.061 120.319L251.839 123.493L252.719 123.555L252.608 125.142L253.489 125.203L253.378 126.79L254.258 126.852L254.147 128.439L255.027 128.501L254.861 130.881L264.543 131.558L264.765 128.384L265.645 128.446L265.811 126.065L264.931 126.003L264.765 128.384L263.885 128.322L263.718 130.703L255.796 130.149L255.907 128.562L255.027 128.501L255.138 126.913L254.258 126.852L254.369 125.265L253.489 125.203L253.6 123.616L252.719 123.555L252.886 121.174L254.646 121.297L254.591 122.091L255.471 122.152L255.305 124.533L256.185 124.594L256.906 114.279L258.666 114.402L258.167 121.544L259.047 121.605L259.269 118.431L261.03 118.554L260.808 121.728L261.688 121.79L261.854 119.409L263.615 119.532L263.393 122.706L264.273 122.768L264.439 120.387L265.32 120.449L265.264 121.242L266.144 121.304L265.811 126.065L266.692 126.127L267.025 121.365L266.144 121.304Z" fill="#141B38"/> <path d="M264.932 126.003L265.812 126.065L266.145 121.304L265.265 121.242L265.32 120.449L264.44 120.387L264.274 122.768L263.393 122.706L263.615 119.532L261.855 119.409L261.688 121.79L260.808 121.728L261.03 118.554L259.27 118.431L259.048 121.605L258.168 121.543L258.667 114.402L256.907 114.279L256.185 124.594L255.305 124.533L255.471 122.152L254.591 122.091L254.647 121.297L252.886 121.174L252.72 123.555L253.6 123.616L253.489 125.203L254.369 125.265L254.258 126.852L255.139 126.913L255.028 128.5L255.908 128.562L255.797 130.149L263.719 130.703L263.885 128.322L264.765 128.384L264.932 126.003Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M258.001 123.924L258.881 123.986L258.62 127.726L257.739 127.665L258.001 123.924ZM260.641 124.109L259.761 124.047L259.5 127.788L260.38 127.85L260.641 124.109ZM262.402 124.232L261.521 124.17L261.26 127.911L262.14 127.973L262.402 124.232Z" fill="#141B38"/> <defs> <filter id="shopp_disabled_filter0_dddd" x="16.6698" y="10.1217" width="103.5" height="119.273" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="0.749837"/> <feGaussianBlur stdDeviation="0.468648"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.80196"/> <feGaussianBlur stdDeviation="1.12623"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.39293"/> <feGaussianBlur stdDeviation="2.12058"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.05242"/> <feGaussianBlur stdDeviation="3.78276"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"/> <feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/> </filter> <filter id="shopp_disabled_filter1_dd" x="32.7109" y="44.9595" width="67.165" height="60.9465" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="1" dy="1"/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="0.5"/> <feGaussianBlur stdDeviation="0.25"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> <filter id="shopp_disabled_filter2_dddd" x="185.046" y="16.3272" width="100.784" height="122.124" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="0.749837"/> <feGaussianBlur stdDeviation="0.468648"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1.80196"/> <feGaussianBlur stdDeviation="1.12623"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="3.39293"/> <feGaussianBlur stdDeviation="2.12058"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"/> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="6.05242"/> <feGaussianBlur stdDeviation="3.78276"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"/> <feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/> </filter> <filter id="shopp_disabled_filter3_dd" x="204.087" y="32.916" width="68.3604" height="54.114" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="1" dy="1"/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="0.5"/> <feGaussianBlur stdDeviation="0.25"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> <linearGradient id="shopp_disabled_paint0_linear" x1="32.1943" y1="17.6504" x2="120.163" y2="93.7021" gradientUnits="userSpaceOnUse"> <stop stop-color="#B5CBEC"/> <stop offset="1" stop-color="#B6CFF4" stop-opacity="0.32"/> </linearGradient> <linearGradient id="shopp_disabled_paint1_linear" x1="94.2114" y1="40.43" x2="116.406" y2="14.3621" gradientUnits="userSpaceOnUse"> <stop stop-color="white"/> <stop offset="0.147864" stop-color="#F6640E"/> <stop offset="0.443974" stop-color="#BA03A7"/> <stop offset="0.733337" stop-color="#6A01B9"/> <stop offset="1" stop-color="#6B01B9"/> </linearGradient> <clipPath id="shopp_disabled_clip0"> <rect width="13" height="13" fill="white" transform="translate(87.7959 18.2437) rotate(-4)"/> </clipPath> <clipPath id="shopp_disabled_clip1"> <rect x="26.1348" y="39.5967" width="81" height="76" rx="2" transform="rotate(-4 26.1348 39.5967)" fill="white"/> </clipPath> </defs> </svg>',
1133
+ 'shoppableEnabled' => '<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#shoppEnabled_filter0_dd)"> <rect x="5" y="1" width="60" height="60" rx="2" fill="white"/> </g> <path d="M19.904 26.2247L5 39.7857V59C5 60.1046 5.89543 61 7 61H63C64.1046 61 65 60.1046 65 59V45.5714L52.4342 31.4716C51.7591 30.7141 50.6236 30.5822 49.7928 31.1648L38.8105 38.8667C38.0444 39.4039 37.0082 39.3382 36.3161 38.7085L22.596 26.2247C21.833 25.5304 20.667 25.5304 19.904 26.2247Z" fill="url(#shoppEnabled_paint0_linear)"/> <rect x="29" y="4" width="29" height="20" rx="2" fill="#0068A0"/> <path d="M37.6002 14.0001C37.6002 12.8601 38.5268 11.9334 39.6668 11.9334H42.3335V10.6667H39.6668C38.7828 10.6667 37.9349 11.0179 37.3098 11.6431C36.6847 12.2682 36.3335 13.116 36.3335 14.0001C36.3335 14.8841 36.6847 15.732 37.3098 16.3571C37.9349 16.9822 38.7828 17.3334 39.6668 17.3334H42.3335V16.0667H39.6668C38.5268 16.0667 37.6002 15.1401 37.6002 14.0001ZM40.3335 14.6667H45.6668V13.3334H40.3335V14.6667ZM46.3335 10.6667H43.6668V11.9334H46.3335C47.4735 11.9334 48.4002 12.8601 48.4002 14.0001C48.4002 15.1401 47.4735 16.0667 46.3335 16.0667H43.6668V17.3334H46.3335C47.2176 17.3334 48.0654 16.9822 48.6905 16.3571C49.3156 15.732 49.6668 14.8841 49.6668 14.0001C49.6668 13.116 49.3156 12.2682 48.6905 11.6431C48.0654 11.0179 47.2176 10.6667 46.3335 10.6667Z" fill="white"/> <path d="M64.1103 30.0086V29.0938H63.0956V28.179H61.0662V27.2643H58.0221V26.3495H55.9926V22.6904H54.9779V21.7756H52.9485V22.6904H51.9338V30.9234H50.9191V30.0086H47.875V33.6677H48.8897V35.4972H49.9044V37.3268H50.9191V39.1563H51.9338V41.9006H63.0956V38.2415H64.1103V35.4972H63.0956V38.2415H62.0809V40.9859H52.9485V39.1563H51.9338V37.3268H50.9191V35.4972H49.9044V33.6677H48.8897V30.9234H50.9191V31.8381H51.9338V34.5825H52.9485V22.6904H54.9779V30.9234H55.9926V27.2643H58.0221V30.9234H59.0368V28.179H61.0662V31.8381H62.0809V29.0938H63.0956V30.0086H64.1103V35.4972H65.125V30.0086H64.1103Z" fill="#141B38"/> <path d="M63.096 35.4972H64.1107V30.0086H63.096V29.0938H62.0813V31.8382H61.0666V28.1791H59.0372V30.9234H58.0225V27.2643H55.9931V30.9234H54.9784V22.6904H52.949V34.5825H51.9343V31.8382H50.9195V30.9234H48.8901V33.6677H49.9048V35.4972H50.9195V37.3268H51.9343V39.1563H52.949V40.9859H62.0813V38.2416H63.096V35.4972Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M54.9785 33.668H55.9932V37.9805H54.9785V33.668ZM58.0224 33.668H57.0077V37.9805H58.0224V33.668ZM60.0516 33.668H59.0369V37.9805H60.0516V33.668Z" fill="#141B38"/> <defs> <filter id="shoppEnabled_filter0_dd" x="0" y="0" width="70" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="4"/> <feGaussianBlur stdDeviation="2.5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="1"/> <feGaussianBlur stdDeviation="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> <linearGradient id="shoppEnabled_paint0_linear" x1="35" y1="25" x2="35" y2="61" gradientUnits="userSpaceOnUse"> <stop stop-color="#DCDDE1"/> <stop offset="1" stop-color="#DCDDE1" stop-opacity="0"/> </linearGradient> </defs> </svg>',
1134
+ 'ctaBoxes' => array(
1135
+ 'hashtag' => '<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="28.1951" height="27" transform="translate(17.0762 16.2861) rotate(3)" fill="#8C8F9A"/><path d="M39.048 26.1275L35.707 25.9524L36.4614 23.0765C36.4807 22.9916 36.4813 22.9035 36.4633 22.8183C36.4453 22.7332 36.4091 22.6529 36.3571 22.5831C36.3051 22.5132 36.2386 22.4555 36.1622 22.4138C36.0858 22.3721 36.0012 22.3475 35.9144 22.3416L34.7104 22.2785C34.5715 22.2678 34.4331 22.3056 34.3188 22.3854C34.2046 22.4653 34.1216 22.5823 34.0839 22.7164L33.3052 25.8266L30.0545 25.6562L30.8089 22.7802C30.8279 22.6973 30.829 22.6112 30.8124 22.5278C30.7957 22.4443 30.7615 22.3653 30.7121 22.296C30.6627 22.2267 30.5992 22.1687 30.5258 22.1257C30.4523 22.0827 30.3706 22.0557 30.286 22.0466L29.082 21.9835C28.9431 21.9728 28.8047 22.0106 28.6904 22.0904C28.5762 22.1703 28.4931 22.2873 28.4555 22.4215L27.6888 25.5322L24.077 25.3429C23.9363 25.3327 23.7965 25.3721 23.6819 25.4544C23.5673 25.5366 23.4852 25.6564 23.4498 25.793L23.1399 26.984C23.1172 27.0715 23.1144 27.163 23.1319 27.2517C23.1493 27.3405 23.1865 27.4241 23.2407 27.4965C23.2949 27.5689 23.3646 27.6282 23.4448 27.67C23.525 27.7118 23.6136 27.735 23.704 27.7379L27.0449 27.913L25.8053 32.677L22.1935 32.4877C22.0528 32.4775 21.913 32.5169 21.7984 32.5991C21.6838 32.6814 21.6017 32.8012 21.5663 32.9377L21.2564 34.1287C21.2337 34.2163 21.2309 34.3078 21.2484 34.3965C21.2658 34.4852 21.303 34.5689 21.3572 34.6413C21.4114 34.7137 21.4811 34.773 21.5613 34.8148C21.6415 34.8565 21.7301 34.8797 21.8205 34.8826L25.1855 35.059L24.4311 37.935C24.4115 38.0213 24.4112 38.111 24.4302 38.1975C24.4491 38.284 24.4869 38.3653 24.5409 38.4356C24.5948 38.5058 24.6636 38.5633 24.7423 38.604C24.821 38.6447 24.9077 38.6675 24.9962 38.6708L26.2001 38.7339C26.3343 38.7375 26.4658 38.6962 26.5739 38.6166C26.6819 38.537 26.7603 38.4236 26.7966 38.2943L27.5874 35.1849L30.838 35.3552L30.0836 38.2312C30.0647 38.3142 30.0635 38.4002 30.0802 38.4837C30.0969 38.5671 30.131 38.6461 30.1804 38.7154C30.2298 38.7847 30.2933 38.8428 30.3668 38.8858C30.4402 38.9288 30.522 38.9557 30.6066 38.9648L31.8105 39.0279C31.9495 39.0386 32.0879 39.0008 32.2021 38.921C32.3163 38.8411 32.3994 38.7241 32.4371 38.5899L33.2338 35.4808L36.8456 35.6701C36.9863 35.6803 37.1261 35.6409 37.2407 35.5586C37.3553 35.4764 37.4375 35.3566 37.4729 35.2201L37.7767 34.0287C37.7995 33.9412 37.8022 33.8497 37.7847 33.761C37.7673 33.6722 37.7301 33.5886 37.6759 33.5162C37.6217 33.4438 37.552 33.3845 37.4718 33.3427C37.3916 33.3009 37.303 33.2777 37.2126 33.2748L33.8536 33.0988L35.0872 28.3344L38.6991 28.5237C38.8397 28.5339 38.9795 28.4945 39.0941 28.4123C39.2087 28.3301 39.2909 28.2102 39.3263 28.0737L39.6362 26.8827C39.6596 26.7931 39.662 26.6994 39.6434 26.6087C39.6247 26.5181 39.5854 26.4329 39.5285 26.3599C39.4716 26.2869 39.3987 26.2279 39.3154 26.1876C39.232 26.1473 39.1405 26.1268 39.048 26.1275ZM31.4458 32.9726L28.1951 32.8022L29.4347 28.0382L32.6854 28.2086L31.4458 32.9726Z" fill="white"/><rect x="10" y="10" width="30.1951" height="30" fill="#0096CC"/><path d="M32.4132 21.2806H29.4859L30.0134 18.733C30.0263 18.6579 30.0229 18.5809 30.0032 18.5073C29.9836 18.4337 29.9483 18.3653 29.8997 18.3066C29.851 18.248 29.7903 18.2006 29.7216 18.1676C29.6529 18.1347 29.5779 18.1171 29.5017 18.1159H28.4468C28.3249 18.1129 28.2057 18.1523 28.1096 18.2273C28.0134 18.3023 27.9462 18.4083 27.9194 18.5273L27.3814 21.2806H24.5332L25.0606 18.733C25.0734 18.6596 25.0705 18.5844 25.0521 18.5122C25.0337 18.4401 25.0002 18.3726 24.9539 18.3143C24.9076 18.256 24.8494 18.2082 24.7833 18.174C24.7171 18.1398 24.6445 18.12 24.5701 18.1159H23.5152C23.3933 18.1129 23.2741 18.1523 23.1779 18.2273C23.0818 18.3023 23.0146 18.4083 22.9878 18.5273L22.4603 21.2806H19.2957C19.1723 21.2781 19.0519 21.3189 18.9555 21.396C18.8591 21.4731 18.7929 21.5816 18.7682 21.7025L18.552 22.7574C18.5361 22.8349 18.5379 22.915 18.5572 22.9918C18.5765 23.0685 18.6129 23.1399 18.6635 23.2007C18.7142 23.2615 18.7779 23.3101 18.8498 23.3429C18.9218 23.3757 19.0003 23.3919 19.0794 23.3903H22.0067L21.1417 27.6099H17.977C17.8536 27.6074 17.7333 27.6483 17.6369 27.7254C17.5405 27.8025 17.4742 27.9109 17.4496 28.0319L17.2333 29.0868C17.2175 29.1643 17.2193 29.2444 17.2386 29.3211C17.2579 29.3978 17.2943 29.4692 17.3449 29.53C17.3956 29.5908 17.4592 29.6394 17.5312 29.6723C17.6032 29.7051 17.6817 29.7213 17.7608 29.7197H20.7092L20.1818 32.2673C20.1686 32.3437 20.1724 32.422 20.1929 32.4967C20.2135 32.5715 20.2502 32.6408 20.3006 32.6997C20.3509 32.7586 20.4137 32.8057 20.4843 32.8376C20.5549 32.8696 20.6317 32.8855 20.7092 32.8844H21.7641C21.8815 32.8814 21.9945 32.8393 22.0853 32.7648C22.1761 32.6902 22.2394 32.5876 22.2652 32.473L22.8137 29.7197H25.6619L25.1345 32.2673C25.1217 32.3406 25.1246 32.4159 25.143 32.488C25.1614 32.5602 25.1949 32.6277 25.2412 32.6859C25.2876 32.7442 25.3457 32.7921 25.4119 32.8263C25.478 32.8605 25.5507 32.8803 25.625 32.8844H26.6799C26.8018 32.8874 26.921 32.848 27.0172 32.773C27.1134 32.698 27.1806 32.592 27.2073 32.473L27.7612 29.7197H30.9258C31.0492 29.7222 31.1696 29.6813 31.266 29.6042C31.3623 29.5271 31.4286 29.4187 31.4533 29.2978L31.6643 28.2429C31.6801 28.1653 31.6783 28.0852 31.659 28.0085C31.6397 27.9318 31.6034 27.8604 31.5527 27.7996C31.502 27.7388 31.4384 27.6902 31.3664 27.6574C31.2944 27.6245 31.2159 27.6083 31.1368 27.6099H28.1937L29.0534 23.3903H32.2181C32.3415 23.3928 32.4618 23.352 32.5582 23.2749C32.6546 23.1978 32.7209 23.0893 32.7455 22.9684L32.9618 21.9135C32.9781 21.8342 32.976 21.7521 32.9555 21.6738C32.9351 21.5954 32.8968 21.5228 32.8438 21.4616C32.7907 21.4004 32.7243 21.3522 32.6496 21.3208C32.575 21.2894 32.4941 21.2757 32.4132 21.2806ZM26.0839 27.6099H23.2357L24.1007 23.3903H26.9489L26.0839 27.6099Z" fill="white"/><rect x="10" y="10" width="30.1951" height="30" stroke="white" stroke-width="2"/></svg>',
1136
+ 'layout' => '<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.7033 21.3195C38.8925 21.1158 39.158 21 39.4361 21H52C52.5523 21 53 21.4477 53 22V45C53 45.5523 52.5523 46 52 46H28C27.4477 46 27 45.5523 27 45V29C27 28.4477 27.4477 28 28 28H32.0639C32.342 28 32.6075 27.8842 32.7967 27.6805L38.7033 21.3195Z" fill="white"/><rect x="5.05664" y="7.01074" width="28" height="28" rx="1" transform="rotate(-4 5.05664 7.01074)" fill="#8C8F9A"/><rect x="10.3242" y="10.6523" width="8" height="11" transform="rotate(-4 10.3242 10.6523)" fill="white"/><path d="M11.2305 23.6206L19.211 23.0626L19.6993 30.0455L11.7188 30.6036L11.2305 23.6206Z" fill="white"/><rect x="20.2988" y="9.95459" width="8" height="7" transform="rotate(-4 20.2988 9.95459)" fill="white"/><path d="M20.9277 18.9326L28.9082 18.3746L29.6756 29.3478L21.6951 29.9058L20.9277 18.9326Z" fill="white"/><rect x="21.0097" y="18.0572" width="28" height="28" rx="2" transform="rotate(4 21.0097 18.0572)" fill="#0096CC" stroke="white" stroke-width="2"/><path d="M28.0332 25.1357L41.0015 26.0426L40.0299 39.9372L27.0616 39.0304L28.0332 25.1357Z" fill="white"/><path d="M21.5488 24.6821L26.1804 25.006L25.2088 38.9006L20.5772 38.5768L21.5488 24.6821Z" fill="#94E3FF"/><path d="M42.8535 26.1719L47.4851 26.4957L46.5135 40.3904L41.8819 40.0665L42.8535 26.1719Z" fill="#94E3FF"/></svg>',
1137
+ 'popups' => '<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8.57617" y="14.6885" width="38" height="25" rx="1" transform="rotate(-2 8.57617 14.6885)" fill="#0096CC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.4867 30.0589C25.5889 30.1678 25.7632 30.1634 25.8598 30.0495L32.6624 22.0206C32.7577 21.9081 32.9292 21.9021 33.0321 22.0077L42.8234 32.0504C42.975 32.2058 42.8701 32.4672 42.6532 32.4748L28.2271 32.9786L23.2301 33.1531L14.7862 33.4479C14.5716 33.4554 14.448 33.2066 14.5837 33.0401L20.7716 25.4492C20.8672 25.332 21.0442 25.3258 21.1477 25.4361L25.4867 30.0589Z" fill="white"/><path d="M5.57322 24.4268C5.73072 24.2693 6 24.3808 6 24.6036V31.3964C6 31.6192 5.73071 31.7307 5.57322 31.5732L2.17678 28.1768C2.07915 28.0791 2.07915 27.9209 2.17678 27.8232L5.57322 24.4268Z" fill="#434960"/><path d="M50.4268 21.4268C50.2693 21.2693 50 21.3808 50 21.6036V28.3964C50 28.6192 50.2693 28.7307 50.4268 28.5732L53.8232 25.1768C53.9209 25.0791 53.9209 24.9209 53.8232 24.8232L50.4268 21.4268Z" fill="#434960"/></svg>',
1138
+ 'filter' => '<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_573_793)"><rect x="17.4102" y="10.708" width="31" height="31" rx="0.5" transform="rotate(5 17.4102 10.708)" fill="#8C8F9A"/><circle cx="43.2994" cy="36.061" r="17" transform="rotate(5 43.2994 36.061)" fill="#434960"/><rect x="15.4922" y="32.6245" width="31" height="9" transform="rotate(5 15.4922 32.6245)" fill="#E8E8EB"/></g><circle cx="17" cy="13" r="10" fill="#0096CC" stroke="white" stroke-width="2"/><rect x="12" y="10" width="10" height="1.5" rx="0.25" fill="white"/><path d="M13.5 13.25C13.5 13.1119 13.6119 13 13.75 13H20.25C20.3881 13 20.5 13.1119 20.5 13.25V14.25C20.5 14.3881 20.3881 14.5 20.25 14.5H13.75C13.6119 14.5 13.5 14.3881 13.5 14.25V13.25Z" fill="white"/><path d="M15.5 16.25C15.5 16.1119 15.6119 16 15.75 16H18.25C18.3881 16 18.5 16.1119 18.5 16.25V17.25C18.5 17.3881 18.3881 17.5 18.25 17.5H15.75C15.6119 17.5 15.5 17.3881 15.5 17.25V16.25Z" fill="white"/><defs><clipPath id="clip0_573_793"><rect x="17.4102" y="10.708" width="31" height="31" rx="0.5" transform="rotate(5 17.4102 10.708)" fill="white"/></clipPath></defs></svg>'
1139
 
1140
  ),
1141
+ 'camera' => '<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5007 3.5L8.36565 5.83333H4.66732C3.38398 5.83333 2.33398 6.88333 2.33398 8.16667V22.1667C2.33398 23.45 3.38398 24.5 4.66732 24.5H23.334C24.6173 24.5 25.6673 23.45 25.6673 22.1667V8.16667C25.6673 6.88333 24.6173 5.83333 23.334 5.83333H19.6357L17.5007 3.5H10.5007ZM14.0007 21C10.7807 21 8.16732 18.3867 8.16732 15.1667C8.16732 11.9467 10.7807 9.33333 14.0007 9.33333C17.2207 9.33333 19.834 11.9467 19.834 15.1667C19.834 18.3867 17.2207 21 14.0007 21Z" fill="#0096CC"/><path d="M14.0007 19.8333L15.459 16.625L18.6673 15.1667L15.459 13.7083L14.0007 10.5L12.5423 13.7083L9.33398 15.1667L12.5423 16.625L14.0007 19.8333Z" fill="#0096CC"/></svg>',
1142
+ 'uploadFile' => '<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.33268 0.333008H1.99935C1.26602 0.333008 0.672682 0.933008 0.672682 1.66634L0.666016 12.333C0.666016 13.0663 1.25935 13.6663 1.99268 13.6663H9.99935C10.7327 13.6663 11.3327 13.0663 11.3327 12.333V4.33301L7.33268 0.333008ZM9.99935 12.333H1.99935V1.66634H6.66602V4.99967H9.99935V12.333ZM3.33268 9.00634L4.27268 9.94634L5.33268 8.89301V11.6663H6.66602V8.89301L7.72602 9.95301L8.66602 9.00634L6.00602 6.33301L3.33268 9.00634Z" fill="#141B38"/></svg>',
1143
+ 'addRoundIcon' =>'<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.33333 8C1.33333 6.13333 2.4 4.53333 4 3.8V2.33333C1.66667 3.2 0 5.4 0 8C0 10.6 1.66667 12.8 4 13.6667V12.2C2.4 11.4667 1.33333 9.86667 1.33333 8ZM10 2C6.66667 2 4 4.66667 4 8C4 11.3333 6.66667 14 10 14C13.3333 14 16 11.3333 16 8C16 4.66667 13.3333 2 10 2ZM13.3333 8.66667H10.6667V11.3333H9.33333V8.66667H6.66667V7.33333H9.33333V4.66667H10.6667V7.33333H13.3333V8.66667Z" fill="#0068A0"/></svg>',
1144
+ 'loaderSVG' => '<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"><path fill="#fff" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/></path></svg>'
1145
+ );
1146
  return $builder_svg_icons;
1147
  }
1148
 
1149
  public static function sb_other_plugins_modal() {
1150
+ check_ajax_referer( 'sbi_nonce', 'sbi_nonce' );
1151
 
1152
  if ( ! current_user_can( 'activate_plugins' ) || ! current_user_can( 'install_plugins' ) ) {
1153
  wp_send_json_error();
1154
  }
1155
 
1156
+ $plugin = isset( $_POST['plugin'] ) ? sanitize_key( $_POST['plugin'] ) : '';
1157
  $sb_other_plugins = self::install_plugins_popup();
1158
+ $plugin = isset( $sb_other_plugins[ $plugin ] ) ? $sb_other_plugins[ $plugin ] : false;
1159
  if ( ! $plugin ) {
1160
  wp_send_json_error();
1161
  }
1167
  </svg></div>
1168
  <div class="sbi-install-plugin-body sbi-fb-fs">
1169
  <div class="sbi-install-plugin-header">
1170
+ <div class="sb-plugin-image">' . $plugin['svgIcon'] . '</div>
1171
  <div class="sb-plugin-name">
1172
+ <h3>' . $plugin['name'] . '<span>Free</span></h3>
1173
  <p><span class="sb-author-logo">
1174
  <svg width="13" height="17" viewBox="0 0 13 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1175
  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.72226 4.70098C4.60111 4.19717 3.43332 3.44477 2.34321 3.09454C2.73052 4.01824 3.05742 5.00234 3.3957 5.97507C2.72098 6.48209 1.93286 6.8757 1.17991 7.30453C1.82065 7.93788 2.72809 8.3045 3.45109 8.85558C2.87196 9.57021 1.73414 10.3129 1.45689 10.9606C2.65579 10.8103 4.05285 10.5668 5.16832 10.5174C5.41343 11.7495 5.53984 13.1002 5.88845 14.2288C6.40758 12.7353 6.87695 11.192 7.49488 9.79727C8.44849 10.1917 9.61069 10.6726 10.5416 10.9052C9.88842 9.98881 9.29237 9.01536 8.71356 8.02465C9.57007 7.40396 10.4364 6.79309 11.2617 6.14122C10.0952 6.03375 8.88647 5.96834 7.66107 5.91968C7.46633 4.65567 7.5175 3.14579 7.21791 1.98667C6.76462 2.93671 6.2297 3.80508 5.72226 4.70098ZM6.27621 15.1705C6.12214 15.8299 6.62974 16.1004 6.55318 16.5C6.052 16.3273 5.67498 16.2386 5.00213 16.3338C5.02318 15.8194 5.48587 15.7466 5.3899 15.1151C-1.78016 14.3 -1.79456 1.34382 5.3345 0.546422C14.2483 -0.450627 14.528 14.9414 6.27621 15.1705Z" fill="#FE544F"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7.21769 1.98657C7.51728 3.1457 7.46611 4.65557 7.66084 5.91955C8.88625 5.96824 10.0949 6.03362 11.2615 6.14113C10.4362 6.79299 9.56984 7.40386 8.71334 8.02454C9.29215 9.01527 9.8882 9.98869 10.5414 10.9051C9.61046 10.6725 8.44827 10.1916 7.49466 9.79716C6.87673 11.1919 6.40736 12.7352 5.88823 14.2287C5.53962 13.1001 5.41321 11.7494 5.16809 10.5173C4.05262 10.5667 2.65558 10.8102 1.45666 10.9605C1.73392 10.3128 2.87174 9.57012 3.45087 8.85547C2.72786 8.30438 1.82043 7.93778 1.17969 7.30443C1.93264 6.8756 2.72074 6.482 3.39547 5.97494C3.05719 5.00224 2.73031 4.01814 2.34299 3.09445C3.43308 3.44467 4.60089 4.19707 5.72204 4.70088C6.22947 3.80499 6.7644 2.93662 7.21769 1.98657Z" fill="white"></path>
1176
  </svg>
1177
  </span>
1178
+ <span class="sb-author-name">' . $plugin['author'] . '</span>
1179
  </p></div></div>
1180
  <div class="sbi-install-plugin-content">
1181
+ <p>' . $plugin['description'] . '</p>';
1182
 
1183
  $plugin_install_data = array(
1184
+ 'step' => 'install',
1185
+ 'action' => 'sbi_install_addon',
1186
+ 'nonce' => wp_create_nonce( 'sbi-admin' ),
1187
+ 'plugin' => $plugin['plugin'],
1188
  'download_plugin' => $plugin['download_plugin'],
1189
  );
1190
 
1192
  $output .= sprintf(
1193
  "<button class='sbi-install-plugin-btn sbi-btn-orange' id='sbi_install_op_btn' data-plugin-atts='%s'>%s</button></div></div></div>",
1194
  sbi_json_encode( $plugin_install_data ),
1195
+ __( 'Install', 'instagram-feed' )
1196
  );
1197
  }
1198
  if ( $plugin['installed'] && ! $plugin['activated'] ) {
1199
+ $plugin_install_data['step'] = 'activate';
1200
  $plugin_install_data['action'] = 'sbi_activate_addon';
1201
+ $output .= sprintf(
1202
  "<button class='sbi-install-plugin-btn sbi-btn-orange' id='sbi_install_op_btn' data-plugin-atts='%s'>%s</button></div></div></div>",
1203
  sbi_json_encode( $plugin_install_data ),
1204
+ __( 'Activate', 'instagram-feed' )
1205
  );
1206
  }
1207
  if ( $plugin['installed'] && $plugin['activated'] ) {
1208
  $output .= sprintf(
1209
  "<button class='sbi-install-plugin-btn sbi-btn-orange' id='sbi_install_op_btn' disabled='disabled'>%s</button></div></div></div>",
1210
+ __( 'Plugin installed & activated', 'instagram-feed' )
1211
  );
1212
  }
1213
 
1214
+ new \InstagramFeed\SBI_Response(
1215
+ true,
1216
+ array(
1217
+ 'output' => $output
1218
+ )
1219
+ );
1220
  }
1221
 
1222
  /**
1234
  $installed_plugins = get_plugins();
1235
 
1236
  $is_facebook_installed = false;
1237
+ $facebook_plugin = 'custom-facebook-feed/custom-facebook-feed.php';
1238
+ if ( isset( $installed_plugins['custom-facebook-feed-pro/custom-facebook-feed.php'] ) ) {
1239
+ $is_facebook_installed = true;
1240
+ $facebook_plugin = 'custom-facebook-feed/custom-facebook-feed.php';
1241
+ } elseif ( isset( $installed_plugins['custom-facebook-feed/custom-facebook-feed.php'] ) ) {
1242
+ $is_facebook_installed = true;
1243
+ }
1244
+
1245
+ $is_twitter_installed = false;
1246
+ $twitter_plugin = 'custom-twitter-feeds/custom-twitter-feed.php';
1247
+ if ( isset( $installed_plugins['custom-twitter-feeds-pro/custom-twitter-feed.php'] ) ) {
1248
+ $is_twitter_installed = true;
1249
+ $twitter_plugin = 'custom-twitter-feeds-pro/custom-twitter-feed.php';
1250
+ } elseif ( isset( $installed_plugins['custom-twitter-feeds/custom-twitter-feed.php'] ) ) {
1251
+ $is_twitter_installed = true;
1252
+ }
1253
+
1254
+ $is_youtube_installed = false;
1255
+ $youtube_plugin = 'feeds-for-youtube/youtube-feed.php';
1256
+ if ( isset( $installed_plugins['youtube-feed-pro/youtube-feed.php'] ) ) {
1257
+ $is_youtube_installed = true;
1258
+ $youtube_plugin = 'youtube-feed-pro/youtube-feed.php';
1259
+ } elseif ( isset( $installed_plugins['feeds-for-youtube/youtube-feed.php'] ) ) {
1260
+ $is_youtube_installed = true;
1261
+ }
1262
 
1263
  return array(
1264
  'facebook' => array(
1265
+ 'displayName' => __( 'Facebook', 'instagram-feed' ),
1266
+ 'name' => __( 'Facebook Feed', 'instagram-feed' ),
1267
+ 'author' => __( 'By Smash Balloon', 'instagram-feed' ),
1268
+ 'description' => __( 'To display a Facebook feed, our Facebook plugin is required. </br> It provides a clean and beautiful way to add your Facebook posts to your website. Grab your visitors attention and keep them engaged with your site longer.', 'instagram-feed' ),
1269
  'dashboard_permalink' => admin_url( 'admin.php?page=cff-feed-builder' ),
1270
+ 'svgIcon' => '<svg viewBox="0 0 14 15" width="36" height="36"><path d="M7.00016 0.860001C3.3335 0.860001 0.333496 3.85333 0.333496 7.54C0.333496 10.8733 2.7735 13.64 5.96016 14.14V9.47333H4.26683V7.54H5.96016V6.06667C5.96016 4.39333 6.9535 3.47333 8.48016 3.47333C9.20683 3.47333 9.96683 3.6 9.96683 3.6V5.24667H9.12683C8.30016 5.24667 8.04016 5.76 8.04016 6.28667V7.54H9.8935L9.5935 9.47333H8.04016V14.14C9.61112 13.8919 11.0416 13.0903 12.0734 11.88C13.1053 10.6697 13.6704 9.13043 13.6668 7.54C13.6668 3.85333 10.6668 0.860001 7.00016 0.860001Z" fill="rgb(0, 107, 250)"/></svg>',
1271
+ 'installed' => $is_facebook_installed,
1272
+ 'activated' => is_plugin_active( $facebook_plugin ),
1273
+ 'plugin' => $facebook_plugin,
1274
+ 'download_plugin' => 'https://downloads.wordpress.org/plugin/custom-facebook-feed.zip',
1275
  ),
1276
+ 'twitter' => array(
1277
+ 'displayName' => __( 'Twitter', 'instagram-feed' ),
1278
+ 'name' => __( 'Twitter Feed', 'instagram-feed' ),
1279
+ 'author' => __( 'By Smash Balloon', 'instagram-feed' ),
1280
+ 'description' => __( 'Custom Twitter Feeds is a highly customizable way to display tweets from your Twitter account. Promote your latest content and update your site content automatically.', 'instagram-feed' ),
1281
+ 'dashboard_permalink' => admin_url( 'admin.php?page=custom-twitter-feeds' ),
1282
+ 'svgIcon' => '<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.6905 9C32.5355 9.525 31.2905 9.87 30.0005 10.035C31.3205 9.24 32.3405 7.98 32.8205 6.465C31.5755 7.215 30.1955 7.74 28.7405 8.04C27.5555 6.75 25.8905 6 26.0005 6C20.4755 6 17.5955 8.88 17.5955 12.435C17.5955 12.945 17.6555 13.44 17.7605 13.905C12.4205 13.635 7.66555 11.07 4.50055 7.185C3.94555 8.13 3.63055 9.24 3.63055 10.41C3.63055 12.645 4.75555 14.625 6.49555 15.75C5.43055 15.75 4.44055 15.45 3.57055 15V15.045C3.57055 18.165 5.79055 20.775 8.73055 21.36C7.78664 21.6183 6.79569 21.6543 5.83555 21.465C6.24296 22.7437 7.04085 23.8626 8.11707 24.6644C9.19329 25.4662 10.4937 25.9105 11.8355 25.935C9.56099 27.7357 6.74154 28.709 3.84055 28.695C3.33055 28.695 2.82055 28.665 2.31055 28.605C5.16055 30.435 8.55055 31.5 12.1805 31.5C26.0005 31.5 30.4955 21.69 30.4955 13.185C30.4955 12.9 30.4955 12.63 30.4805 12.345C31.7405 11.445 32.8205 10.305 33.6905 9Z" fill="#1B90EF"/></svg>',
1283
+ 'installed' => $is_twitter_installed,
1284
+ 'activated' => is_plugin_active( $twitter_plugin ),
1285
+ 'plugin' => $twitter_plugin,
1286
+ 'download_plugin' => 'https://downloads.wordpress.org/plugin/custom-twitter-feeds.zip',
1287
  ),
1288
+ 'youtube' => array(
1289
+ 'displayName' => __( 'YouTube', 'instagram-feed' ),
1290
+ 'name' => __( 'Feeds for YouTube', 'instagram-feed' ),
1291
+ 'author' => __( 'By Smash Balloon', 'instagram-feed' ),
1292
+ 'description' => __( 'To display a YouTube feed, our YouTube plugin is required. It provides a simple yet powerful way to display videos from YouTube on your website, Increasing engagement with your channel while keeping visitors on your website.', 'instagram-feed' ),
1293
  'dashboard_permalink' => admin_url( 'admin.php?page=youtube-feed' ),
1294
+ 'svgIcon' => '<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 22.5L22.785 18L15 13.5V22.5ZM32.34 10.755C32.535 11.46 32.67 12.405 32.76 13.605C32.865 14.805 32.91 15.84 32.91 16.74L33 18C33 21.285 32.76 23.7 32.34 25.245C31.965 26.595 31.095 27.465 29.745 27.84C29.04 28.035 27.75 28.17 25.77 28.26C23.82 28.365 22.035 28.41 20.385 28.41L18 28.5C11.715 28.5 7.8 28.26 6.255 27.84C4.905 27.465 6.035 26.595 3.66 25.245C3.465 24.54 3.33 23.595 3.24 22.395C3.135 21.195 3.09 20.16 3.09 19.26L3 18C3 14.715 3.24 12.3 3.66 10.755C6.035 9.405 4.905 8.535 6.255 8.16C6.96 7.965 8.25 7.83 10.23 7.74C12.18 7.635 13.965 7.59 15.615 7.59L18 7.5C24.285 7.5 28.2 7.74 29.745 8.16C31.095 8.535 31.965 9.405 32.34 10.755Z" fill="#EB2121"/></svg>',
1295
+ 'installed' => $is_youtube_installed,
1296
+ 'activated' => is_plugin_active( $youtube_plugin ),
1297
+ 'plugin' => $youtube_plugin,
1298
+ 'download_plugin' => 'https://downloads.wordpress.org/plugin/feeds-for-youtube.zip',
1299
  ),
1300
  );
1301
  }
1311
  * @since 6.0
1312
  */
1313
  public static function get_smashballoon_info() {
1314
+ $smash_info = array(
1315
+ 'colorSchemes' => array(
1316
+ 'facebook' => '#006BFA',
1317
+ 'twitter' => '#1B90EF',
1318
  'instagram' => '#BA03A7',
1319
+ 'youtube' => '#EB2121',
1320
+ 'linkedin' => '#007bb6',
1321
+ 'mail' => '#666',
1322
+ 'smash' => '#EB2121'
1323
+ ),
1324
+ 'upgrade' => array(
1325
+ 'name' => __( 'Upgrade to Pro', 'instagram-feed' ),
1326
+ 'icon' => 'instagram',
1327
+ 'link' => 'https://smashballoon.com/instagram-feed/'
1328
+ ),
1329
+ 'platforms' => array(
1330
+ array(
1331
  'name' => __( 'Facebook Feed', 'instagram-feed' ),
1332
  'icon' => 'facebook',
1333
  'link' => 'https://smashballoon.com/custom-facebook-feed/?utm_campaign=instagram-free&utm_source=balloon&utm_medium=facebook'
1334
+ ),
1335
+ array(
1336
  'name' => __( 'Twitter Feed', 'instagram-feed' ),
1337
  'icon' => 'twitter',
1338
  'link' => 'https://smashballoon.com/custom-twitter-feeds/?utm_campaign=instagram-free&utm_source=balloon&utm_medium=twitter'
1339
+ ),
1340
+ array(
1341
  'name' => __( 'YouTube Feed', 'instagram-feed' ),
1342
  'icon' => 'youtube',
1343
  'link' => 'https://smashballoon.com/youtube-feed/?utm_campaign=instagram-free&utm_source=balloon&utm_medium=youtube'
1344
+ ),
1345
+ array(
1346
  'name' => __( 'Social Wall Plugin', 'instagram-feed' ),
1347
  'icon' => 'smash',
1348
  'link' => 'https://smashballoon.com/social-wall/?utm_campaign=instagram-free&utm_source=balloon&utm_medium=social-wall ',
1349
+ )
1350
+ ),
1351
  'socialProfiles' => array(
1352
  'facebook' => 'https://www.facebook.com/SmashBalloon/',
1353
+ 'twitter' => 'https://twitter.com/smashballoon',
1354
  ),
1355
+ 'morePlatforms' => array( 'instagram', 'youtube', 'twitter' )
1356
+ );
1357
 
1358
  return $smash_info;
1359
  }
1375
  }
1376
 
1377
  if ( $sbi_statuses_option['legacy_onboarding']['active'] === false
1378
+ || self::onboarding_status() === 'dismissed' ) {
1379
  return array( 'active' => false );
1380
  }
1381
 
1382
  $type = $sbi_statuses_option['legacy_onboarding']['type'];
1383
 
1384
  $text = array(
1385
+ 'active' => true,
1386
+ 'type' => $type,
1387
  'legacyFeeds' => array(
1388
+ 'heading' => __( 'Legacy Feed Settings', 'instagram-feed' ),
1389
+ 'description' => sprintf( __( 'These settings will impact %1$s legacy feeds on your site. You can learn more about what legacy feeds are and how they differ from new feeds %2$shere%3$s.', 'instagram-feed' ), '<span class="cff-fb-count-placeholder"></span>', '<a href="https://smashballoon.com/doc/instagram-legacy-feeds/" target="_blank" rel="noopener">', '</a>' ),
1390
  ),
1391
+ 'getStarted' => __( 'You can now create and customize feeds individually. Click "Add New" to get started.', 'instagram-feed' ),
1392
  );
1393
 
1394
+ if ( $type === 'single' ) {
1395
  $text['tooltips'] = array(
1396
  array(
1397
+ 'step' => 1,
1398
  'heading' => __( 'How you create a feed has changed', 'instagram-feed' ),
1399
+ 'p' => __( 'You can now create and customize feeds individually without using shortcode options.', 'instagram-feed' ) . ' ' . __( 'Click "Add New" to get started.', 'instagram-feed' ),
1400
  'pointer' => 'top'
1401
  ),
1402
  array(
1403
+ 'step' => 2,
1404
  'heading' => __( 'Your existing feed is here', 'instagram-feed' ),
1405
+ 'p' => __( 'You can edit your existing feed from here, and all changes will only apply to this feed.', 'instagram-feed' ),
1406
  'pointer' => 'top'
1407
  )
1408
  );
1409
  } else {
1410
  $text['tooltips'] = array(
1411
  array(
1412
+ 'step' => 1,
1413
  'heading' => __( 'How you create a feed has changed', 'instagram-feed' ),
1414
+ 'p' => __( 'You can now create and customize feeds individually without using shortcode options.', 'instagram-feed' ) . ' ' . __( 'Click "Add New" to get started.', 'instagram-feed' ),
1415
  'pointer' => 'top'
1416
  ),
1417
  array(
1418
+ 'step' => 2,
1419
  'heading' => __( 'Your existing feeds are under "Legacy" feeds', 'instagram-feed' ),
1420
+ 'p' => __( 'You can edit the settings for any existing "legacy" feed (i.e. any feed created prior to this update) here.', 'instagram-feed' ) . ' ' . __( 'This works just like the old settings page and affects all legacy feeds on your site.', 'instagram-feed' )
1421
  ),
1422
  array(
1423
+ 'step' => 3,
1424
  'heading' => __( 'Existing feeds work as normal', 'instagram-feed' ),
1425
+ 'p' => __( 'You don\'t need to update or change any of your existing feeds. They will continue to work as usual.', 'instagram-feed' ) . ' ' . __( 'This update only affects how new feeds are created and customized.', 'instagram-feed' )
1426
  )
1427
  );
1428
  }
1437
  }
1438
 
1439
  $text = array(
1440
+ 'active' => true,
1441
+ 'type' => 'customizer',
1442
  'tooltips' => array(
1443
  array(
1444
+ 'step' => 1,
1445
  'heading' => __( 'Embedding a Feed', 'instagram-feed' ),
1446
+ 'p' => __( 'After you are done customizing the feed, click here to add it to a page or a widget.', 'instagram-feed' ),
1447
  'pointer' => 'top'
1448
  ),
1449
  array(
1450
+ 'step' => 2,
1451
  'heading' => __( 'Customize', 'instagram-feed' ),
1452
+ 'p' => __( 'Change your feed layout, color scheme, or customize individual feed sections here.', 'instagram-feed' ),
1453
  'pointer' => 'top'
1454
  ),
1455
  array(
1456
+ 'step' => 3,
1457
  'heading' => __( 'Settings', 'instagram-feed' ),
1458
+ 'p' => __( 'Update your feed source, filter your posts, or change advanced settings here.', 'instagram-feed' ),
1459
  'pointer' => 'top'
1460
  )
1461
  )
1472
  * @since 6.0
1473
  */
1474
  public function get_customize_screens_text() {
1475
+ $text = array(
1476
+ 'common' => array(
1477
+ 'preview' => __( 'Preview', 'instagram-feed' ),
1478
+ 'help' => __( 'Help', 'instagram-feed' ),
1479
+ 'embed' => __( 'Embed', 'instagram-feed' ),
1480
+ 'save' => __( 'Save', 'instagram-feed' ),
1481
+ 'sections' => __( 'Sections', 'instagram-feed' ),
1482
+ 'enable' => __( 'Enable', 'instagram-feed' ),
1483
+ 'background' => __( 'Background', 'instagram-feed' ),
1484
+ 'text' => __( 'Text', 'instagram-feed' ),
1485
+ 'inherit' => __( 'Inherit from Theme', 'instagram-feed' ),
1486
+ 'size' => __( 'Size', 'instagram-feed' ),
1487
+ 'color' => __( 'Color', 'instagram-feed' ),
1488
+ 'height' => __( 'Height', 'instagram-feed' ),
1489
+ 'placeholder' => __( 'Placeholder', 'instagram-feed' ),
1490
+ 'select' => __( 'Select', 'instagram-feed' ),
1491
+ 'enterText' => __( 'Enter Text', 'instagram-feed' ),
1492
+ 'hoverState' => __( 'Hover State', 'instagram-feed' ),
1493
+ 'sourceCombine' => __( 'Combine sources from multiple platforms using our Social Wall plugin', 'instagram-feed' ),
1494
+ ),
1495
+
1496
+ 'tabs' => array(
1497
  'customize' => __( 'Customize', 'instagram-feed' ),
1498
+ 'settings' => __( 'Settings', 'instagram-feed' ),
1499
+ ),
1500
+ 'overview' => array(
1501
+ 'feedLayout' => __( 'Feed Layout', 'instagram-feed' ),
1502
  'colorScheme' => __( 'Color Scheme', 'instagram-feed' ),
1503
+ 'header' => __( 'Header', 'instagram-feed' ),
1504
+ 'posts' => __( 'Posts', 'instagram-feed' ),
1505
+ 'likeBox' => __( 'Like Box', 'instagram-feed' ),
1506
+ 'loadMore' => __( 'Load More Button', 'instagram-feed' ),
1507
+ ),
1508
+ 'feedLayoutScreen' => array(
1509
+ 'layout' => __( 'Layout', 'instagram-feed' ),
1510
+ 'list' => __( 'List', 'instagram-feed' ),
1511
+ 'grid' => __( 'Grid', 'instagram-feed' ),
1512
+ 'masonry' => __( 'Masonry', 'instagram-feed' ),
1513
+ 'carousel' => __( 'Carousel', 'instagram-feed' ),
1514
  'feedHeight' => __( 'Feed Height', 'instagram-feed' ),
1515
+ 'number' => __( 'Number of Posts', 'instagram-feed' ),
1516
+ 'columns' => __( 'Columns', 'instagram-feed' ),
1517
+ 'desktop' => __( 'Desktop', 'instagram-feed' ),
1518
+ 'tablet' => __( 'Tablet', 'instagram-feed' ),
1519
+ 'mobile' => __( 'Mobile', 'instagram-feed' ),
1520
+ 'bottomArea' => array(
1521
+ 'heading' => __( 'Tweak Post Styles', 'instagram-feed' ),
1522
  'description' => __( 'Change post background, border radius, shadow etc.', 'instagram-feed' ),
1523
+ )
1524
+ ),
1525
+ 'colorSchemeScreen' => array(
1526
+ 'scheme' => __( 'Scheme', 'instagram-feed' ),
1527
+ 'light' => __( 'Light', 'instagram-feed' ),
1528
+ 'dark' => __( 'Dark', 'instagram-feed' ),
1529
+ 'custom' => __( 'Custom', 'instagram-feed' ),
1530
  'customPalette' => __( 'Custom Palette', 'instagram-feed' ),
1531
+ 'background2' => __( 'Background 2', 'instagram-feed' ),
1532
+ 'text2' => __( 'Text 2', 'instagram-feed' ),
1533
+ 'link' => __( 'Link', 'instagram-feed' ),
1534
+ 'bottomArea' => array(
1535
+ 'heading' => __( 'Overrides', 'instagram-feed' ),
1536
  'description' => __( 'Colors that have been overridden from individual post element settings will not change. To change them, you will have to reset overrides.', 'instagram-feed' ),
1537
+ 'ctaButton' => __( 'Reset Overrides.', 'instagram-feed' ),
1538
+ )
1539
+ ),
1540
+ 'headerScreen' => array(
1541
+ 'headerType' => __( 'Header Type', 'instagram-feed' ),
1542
+ 'visual' => __( 'Visual', 'instagram-feed' ),
1543
+ 'coverPhoto' => __( 'Cover Photo', 'instagram-feed' ),
1544
+ 'nameAndAvatar' => __( 'Name and avatar', 'instagram-feed' ),
1545
+ 'about' => __( 'About (bio and Likes)', 'instagram-feed' ),
1546
  'displayOutside' => __( 'Display outside scrollable area', 'instagram-feed' ),
1547
+ 'icon' => __( 'Icon', 'instagram-feed' ),
1548
+ 'iconImage' => __( 'Icon Image', 'instagram-feed' ),
1549
+ 'iconColor' => __( 'Icon Color', 'instagram-feed' ),
1550
+ ),
1551
  // all Lightbox in common
1552
  // all Load More in common
1553
+ 'likeBoxScreen' => array(
1554
+ 'small' => __( 'Small', 'instagram-feed' ),
1555
+ 'large' => __( 'Large', 'instagram-feed' ),
1556
+ 'coverPhoto' => __( 'Cover Photo', 'instagram-feed' ),
1557
+ 'customWidth' => __( 'Custom Width', 'instagram-feed' ),
1558
+ 'defaultSetTo' => __( 'By default, it is set to auto', 'instagram-feed' ),
1559
+ 'width' => __( 'Width', 'instagram-feed' ),
1560
+ 'customCTA' => __( 'Custom CTA', 'instagram-feed' ),
1561
+ 'customCTADescription' => __( 'This toggles the custom CTA like "Show now" and "Contact"', 'instagram-feed' ),
1562
+ 'showFans' => __( 'Show Fans', 'instagram-feed' ),
1563
+ 'showFansDescription' => __( 'Show visitors which of their friends follow your page', 'instagram-feed' ),
1564
+ 'displayOutside' => __( 'Display outside scrollable area', 'instagram-feed' ),
1565
  'displayOutsideDescription' => __( 'Make the like box fixed by moving it outside the scrollable area', 'instagram-feed' ),
1566
+ ),
1567
+ 'postsScreen' => array(
1568
+ 'thumbnail' => __( 'Thumbnail', 'instagram-feed' ),
1569
+ 'half' => __( 'Half width', 'instagram-feed' ),
1570
+ 'full' => __( 'Full width', 'instagram-feed' ),
1571
+ 'useFull' => __( 'Use full width layout when post width is less than 500px', 'instagram-feed' ),
1572
+ 'postStyle' => __( 'Post Style', 'instagram-feed' ),
1573
+ 'editIndividual' => __( 'Edit Individual Elements', 'instagram-feed' ),
1574
+ 'individual' => array(
1575
+ 'description' => __( 'Hide or show individual elements of a post or edit their options', 'instagram-feed' ),
1576
+ 'name' => __( 'Name', 'instagram-feed' ),
1577
+ 'edit' => __( 'Edit', 'instagram-feed' ),
1578
+ 'postAuthor' => __( 'Post Author', 'instagram-feed' ),
1579
+ 'postText' => __( 'Post Text', 'instagram-feed' ),
1580
+ 'date' => __( 'Date', 'instagram-feed' ),
1581
+ 'photosVideos' => __( 'Photos/Videos', 'instagram-feed' ),
1582
+ 'likesShares' => __( 'Likes, Shares and Comments', 'instagram-feed' ),
1583
+ 'eventTitle' => __( 'Event Title', 'instagram-feed' ),
1584
+ 'eventDetails' => __( 'Event Details', 'instagram-feed' ),
1585
+ 'postAction' => __( 'Post Action Links', 'instagram-feed' ),
1586
+ 'sharedPostText' => __( 'Shared Post Text', 'instagram-feed' ),
1587
+ 'sharedLinkBox' => __( 'Shared Link Box', 'instagram-feed' ),
1588
+ 'postTextDescription' => __( 'The main text of the Instagram post', 'instagram-feed' ),
1589
+ 'maxTextLength' => __( 'Maximum Text Length', 'instagram-feed' ),
1590
+ 'characters' => __( 'Characters', 'instagram-feed' ),
1591
+ 'linkText' => __( 'Link text to Instagram post', 'instagram-feed' ),
1592
+ 'postDateDescription' => __( 'The date of the post', 'instagram-feed' ),
1593
+ 'format' => __( 'Format', 'instagram-feed' ),
1594
+ 'custom' => __( 'Custom', 'instagram-feed' ),
1595
+ 'learnMoreFormats' => '<a href="https://smashballoon.com/doc/date-formatting-reference/" target="_blank" rel="noopener">' . __( 'Learn more about custom formats', 'instagram-feed' ) . '</a>',
1596
+ 'addTextBefore' => __( 'Add text before date', 'instagram-feed' ),
1597
+ 'addTextBeforeEG' => __( 'E.g. Posted', 'instagram-feed' ),
1598
+ 'addTextAfter' => __( 'Add text after date', 'instagram-feed' ),
1599
+ 'addTextAfterEG' => __( 'E.g. - posted date', 'instagram-feed' ),
1600
+ 'timezone' => __( 'Timezone', 'instagram-feed' ),
1601
+ 'tzDescription' => __( 'Timezone settings are global across all feeds. To update it use the global settings.', 'instagram-feed' ),
1602
+ 'tzCTAText' => __( 'Go to Global Settings', 'instagram-feed' ),
1603
+ 'photosVideosDescription' => __( 'Any photos or videos in your posts', 'instagram-feed' ),
1604
+ 'useOnlyOne' => __( 'Use only one image per post', 'instagram-feed' ),
1605
  'postActionLinksDescription' => __( 'The "View on Instagram" and "Share" links at the bottom of each post', 'instagram-feed' ),
1606
+ 'viewOnFBLink' => __( 'View on Instagram link', 'instagram-feed' ),
1607
+ 'viewOnFBLinkDescription' => __( 'Toggle "View on Instagram" link below each post', 'instagram-feed' ),
1608
+ 'customizeText' => __( 'Customize Text', 'instagram-feed' ),
1609
+ 'shareLink' => __( 'Share Link', 'instagram-feed' ),
1610
+ 'shareLinkDescription' => __( 'Toggle "Share" link below each post', 'instagram-feed' ),
1611
+ 'likesSharesDescription' => __( 'The comments box displayed at the bottom of each timeline post', 'instagram-feed' ),
1612
+ 'iconTheme' => __( 'Icon Theme', 'instagram-feed' ),
1613
+ 'auto' => __( 'Auto', 'instagram-feed' ),
1614
+ 'light' => __( 'Light', 'instagram-feed' ),
1615
+ 'dark' => __( 'Dark', 'instagram-feed' ),
1616
+ 'expandComments' => __( 'Expand comments box by default', 'instagram-feed' ),
1617
+ 'hideComment' => __( 'Hide comment avatars', 'instagram-feed' ),
1618
+ 'showLightbox' => __( 'Show comments in lightbox', 'instagram-feed' ),
1619
+ 'eventTitleDescription' => __( 'The title of an event', 'instagram-feed' ),
1620
+ 'eventDetailsDescription' => __( 'The information associated with an event', 'instagram-feed' ),
1621
+ 'textSize' => __( 'Text Size', 'instagram-feed' ),
1622
+ 'textColor' => __( 'Text Color', 'instagram-feed' ),
1623
+ 'sharedLinkBoxDescription' => __( "The link info box that's created when a link is shared in a Instagram post", 'instagram-feed' ),
1624
+ 'boxStyle' => __( 'Box Style', 'instagram-feed' ),
1625
+ 'removeBackground' => __( 'Remove background/border', 'instagram-feed' ),
1626
+ 'linkTitle' => __( 'Link Title', 'instagram-feed' ),
1627
+ 'linkURL' => __( 'Link URL', 'instagram-feed' ),
1628
+ 'linkDescription' => __( 'Link Description', 'instagram-feed' ),
1629
+ 'chars' => __( 'chars', 'instagram-feed' ),
1630
+ 'sharedPostDescription' => __( 'The description text associated with shared photos, videos, or links', 'instagram-feed' ),
1631
+ ),
1632
+ 'postType' => __( 'Post Type', 'instagram-feed' ),
1633
+ 'boxed' => __( 'boxed', 'instagram-feed' ),
1634
+ 'regular' => __( 'Regular', 'instagram-feed' ),
1635
  'indvidualProperties' => __( 'Individual Properties', 'instagram-feed' ),
1636
+ 'backgroundColor' => __( 'Background Color', 'instagram-feed' ),
1637
+ 'borderRadius' => __( 'Border Radius', 'instagram-feed' ),
1638
+ 'boxShadow' => __( 'Box Shadow', 'instagram-feed' ),
1639
+ ),
1640
+ 'shoppableFeedScreen' => array(
1641
+ 'heading1' => __( 'Upgrade to Pro and make your Instagram Feed Shoppable', 'instagram-feed' ),
1642
  'description1' => __( 'This feature links the post to the one specified in your caption.<br/><br/>Don’t want to add links to the caption? You can add links manually to each post.<br/><br><br>', 'instagram-feed' ),
1643
+ 'heading2' => __( 'Tap “Add” or “Update” on an<br/>image to add/update it’s URL', 'instagram-feed' ),
1644
 
1645
+ )
1646
+ );
1647
 
1648
  $text['onboarding'] = $this->get_customizer_onboarding_text();
1649
 
1660
  * @since 6.0
1661
  */
1662
 
1663
+ public static function get_source_list( $page = 1 ) {
1664
  $args['page'] = $page;
1665
+ $source_data = SBI_Db::source_query( $args );
1666
+ $encryption = new \SB_Instagram_Data_Encryption();
1667
 
1668
  $return = array();
1669
  foreach ( $source_data as $source ) {
1670
+ $info = ! empty( $source['info'] ) ? json_decode( $encryption->decrypt( $source['info'] ), true ) : array();
1671
  $source['header_data'] = $info;
1672
 
1673
+ $settings = array( 'gdpr' => 'no' );
1674
 
1675
  $avatar = \SB_Instagram_Parse::get_avatar( $info, $settings );
1676
 
1677
  if ( \SB_Instagram_Connected_Account::local_avatar_exists( $source['username'] ) ) {
1678
  $source['local_avatar_url'] = \SB_Instagram_Connected_Account::get_local_avatar_url( $source['username'] );
1679
+ $source['local_avatar'] = \SB_Instagram_Connected_Account::get_local_avatar_url( $source['username'] );
1680
  } else {
1681
  $source['local_avatar'] = false;
1682
  }
1683
 
1684
  $source['avatar_url'] = is_bool( $avatar ) ? \SB_Instagram_Parse::get_avatar_url( $info, $settings ) : false;
1685
+ $source['just_added'] = ( ! empty( $_GET['sbi_username'] ) && isset( $info['username'] ) && $info['username'] === $_GET['sbi_username'] );
1686
 
1687
+ $source['error_encryption'] = false;
1688
  if ( isset( $source['access_token'] ) && strpos( $source['access_token'], 'IG' ) === false && strpos( $source['access_token'], 'EA' ) === false && ! $encryption->decrypt( $source['access_token'] ) ) {
1689
+ $source['error_encryption'] = true;
1690
  }
1691
  $return[] = $source;
1692
  }
1703
  */
1704
  public static function get_links_with_utm() {
1705
  $license_key = null;
1706
+ if ( get_option( 'sbi_license_key' ) ) {
1707
+ $license_key = get_option( 'sbi_license_key' );
1708
  }
1709
+ $all_access_bundle = sprintf( 'https://smashballoon.com/all-access/?license_key=%s&upgrade=true&utm_campaign=instagram-free&utm_source=all-feeds&utm_medium=footer-banner&utm_content=learn-more', $license_key );
1710
+ $all_access_bundle_popup = sprintf( 'https://smashballoon.com/all-access/?license_key=%s&upgrade=true&utm_campaign=instagram-free&utm_source=balloon&utm_medium=all-access', $license_key );
1711
+ $sourceCombineCTA = sprintf( 'https://smashballoon.com/social-wall/?license_key=%s&upgrade=true&utm_campaign=instagram-free&utm_source=customizer&utm_medium=sources&utm_content=social-wall', $license_key );
1712
 
1713
  return array(
1714
+ 'allAccessBundle' => $all_access_bundle,
1715
+ 'popup' => array(
1716
  'allAccessBundle' => $all_access_bundle_popup,
1717
+ 'fbProfile' => 'https://www.facebook.com/SmashBalloon/',
1718
+ 'twitterProfile' => 'https://twitter.com/smashballoon',
1719
  ),
1720
  'sourceCombineCTA' => $sourceCombineCTA,
1721
+ 'multifeedCTA' => 'https://smashballoon.com/extensions/multifeed/?utm_campaign=instagram-free&utm_source=customizer&utm_medium=sources&utm_content=multifeed',
1722
+ 'doc' => 'https://smashballoon.com/docs/instagram/?utm_campaign=instagram-free&utm_source=support&utm_medium=view-documentation-button&utm_content=view-documentation',
1723
+ 'blog' => 'https://smashballoon.com/blog/?utm_campaign=instagram-free&utm_source=support&utm_medium=view-blog-button&utm_content=view-blog',
1724
+ 'gettingStarted' => 'https://smashballoon.com/docs/getting-started/?instagram&utm_campaign=instagram-free&utm_source=support&utm_medium=getting-started-button&utm_content=getting-started',
1725
  );
1726
  }
1727
 
1728
  public static function get_social_wall_links() {
1729
  return array(
1730
+ '<a href="' . esc_url( admin_url( 'admin.php?page=sbi-feed-builder' ) ) . '">' . __( 'All Feeds', 'instagram-feed' ) . '</a>',
1731
+ '<a href="' . esc_url( admin_url( 'admin.php?page=sbi-settings' ) ) . '">' . __( 'Settings', 'instagram-feed' ) . '</a>',
1732
+ '<a href="' . esc_url( admin_url( 'admin.php?page=sbi-oembeds-manager' ) ) . '">' . __( 'oEmbeds', 'instagram-feed' ) . '</a>',
1733
+ '<a href="' . esc_url( admin_url( 'admin.php?page=sbi-extensions-manager' ) ) . '">' . __( 'Extensions', 'instagram-feed' ) . '</a>',
1734
+ '<a href="' . esc_url( admin_url( 'admin.php?page=sbi-about-us' ) ) . '">' . __( 'About Us', 'instagram-feed' ) . '</a>',
1735
+ '<a href="' . esc_url( admin_url( 'admin.php?page=sbi-support' ) ) . '">' . __( 'Support', 'instagram-feed' ) . '</a>',
1736
  );
1737
  }
1738
 
1751
 
1752
  $i = 0;
1753
  foreach ( $feeds_data as $single_feed ) {
1754
+ $args = array(
1755
+ 'feed_id' => '*' . $single_feed['id'],
1756
  'html_location' => array( 'content' ),
1757
  );
1758
  $count = \SB_Instagram_Feed_Locator::count( $args );
1762
  // if this is the last page, add in the header footer and sidebar locations
1763
  if ( count( $content_locations ) < SBI_Db::RESULTS_PER_PAGE ) {
1764
 
1765
+ $args = array(
1766
+ 'feed_id' => '*' . $single_feed['id'],
1767
  'html_location' => array( 'header', 'footer', 'sidebar' ),
1768
+ 'group_by' => 'html_location',
1769
  );
1770
  $other_locations = \SB_Instagram_Feed_Locator::instagram_feed_locator_query( $args );
1771
 
1798
  }
1799
  $full_shortcode_string .= ']';
1800
 
1801
+ $locations[] = array(
1802
+ 'link' => esc_url( get_the_permalink( $location['post_id'] ) ),
1803
+ 'page_text' => $page_text,
1804
  'html_location' => $html_location,
1805
+ 'shortcode' => $full_shortcode_string
1806
+ );
1807
  }
1808
+ $feeds_data[ $i ]['instance_count'] = $count;
1809
  $feeds_data[ $i ]['location_summary'] = $locations;
1810
+ $settings = json_decode( $feeds_data[ $i ]['settings'], true );
1811
 
1812
  $settings['feed'] = $single_feed['id'];
1813
 
1815
 
1816
  $feeds_data[ $i ]['settings'] = $instagram_feed_settings->get_settings();
1817
 
 
 
1818
  $i++;
1819
  }
1820
  return $feeds_data;
1834
  $sbi_statuses = get_option( 'sbi_statuses', array() );
1835
  $sources_list = self::get_source_list();
1836
  if ( empty( $sbi_statuses['support_legacy_shortcode'] ) ) {
1837
+ return array();
1838
  }
1839
 
1840
+ $args = array(
1841
  'html_location' => array( 'header', 'footer', 'sidebar', 'content' ),
1842
+ 'group_by' => 'shortcode_atts',
1843
+ 'page' => 1
1844
  );
1845
  $feeds_data = \SB_Instagram_Feed_Locator::legacy_instagram_feed_locator_query( $args );
1846
  if ( empty( $feeds_data ) ) {
1847
+ $args = array(
1848
  'html_location' => array( 'header', 'footer', 'sidebar', 'content' ),
1849
+ 'group_by' => 'shortcode_atts',
1850
+ 'page' => 1
1851
  );
1852
  $feeds_data = \SB_Instagram_Feed_Locator::legacy_instagram_feed_locator_query( $args );
1853
  }
1854
 
1855
  $feed_saver = new SBI_Feed_Saver( 'legacy' );
1856
+ $settings = $feed_saver->get_feed_settings();
1857
 
1858
  $default_type = 'timeline';
1859
 
1865
  $default_type = $settings['type'];
1866
  }
1867
  }
1868
+ $i = 0;
1869
  $reindex = false;
1870
  foreach ( $feeds_data as $single_feed ) {
1871
+ $args = array(
1872
  'shortcode_atts' => $single_feed['shortcode_atts'],
1873
+ 'html_location' => array( 'content' ),
1874
  );
1875
  $content_locations = \SB_Instagram_Feed_Locator::instagram_feed_locator_query( $args );
1876
 
1877
  $count = \SB_Instagram_Feed_Locator::count( $args );
1878
  if ( count( $content_locations ) < SBI_Db::RESULTS_PER_PAGE ) {
1879
 
1880
+ $args = array(
1881
+ 'feed_id' => $single_feed['feed_id'],
1882
  'html_location' => array( 'header', 'footer', 'sidebar' ),
1883
+ 'group_by' => 'html_location'
1884
  );
1885
  $other_locations = \SB_Instagram_Feed_Locator::instagram_feed_locator_query( $args );
1886
 
1915
  }
1916
  $full_shortcode_string .= ']';
1917
 
1918
+ $locations[] = array(
1919
+ 'link' => esc_url( get_the_permalink( $location['post_id'] ) ),
1920
+ 'page_text' => $page_text,
1921
  'html_location' => $html_location,
1922
+ 'shortcode' => $full_shortcode_string
1923
+ );
1924
  }
1925
  $shortcode_atts = json_decode( $feeds_data[ $i ]['shortcode_atts'], true );
1926
  $shortcode_atts = is_array( $shortcode_atts ) ? $shortcode_atts : array();
1936
  }
1937
  $full_shortcode_string .= ']';
1938
 
1939
+ $feeds_data[ $i ]['shortcode'] = $full_shortcode_string;
1940
+ $feeds_data[ $i ]['instance_count'] = $count;
1941
  $feeds_data[ $i ]['location_summary'] = $locations;
1942
+ $feeds_data[ $i ]['feed_name'] = self::get_legacy_feed_name( $sources_list, $feeds_data[ $i ]['feed_id'] );
1943
+ $feeds_data[ $i ]['feed_type'] = $default_type;
1944
 
1945
  if ( isset( $shortcode_atts['feedtype'] ) ) {
1946
  $feeds_data[ $i ]['feed_type'] = $shortcode_atts['feedtype'];
1986
  // if there were no feeds found in the locator table we still want the legacy settings to be available
1987
  // if it appears as though they had used version 3.x or under at some point.
1988
  if ( empty( $feeds_data )
1989
+ && ! is_array( $sbi_statuses['support_legacy_shortcode'] )
1990
+ && ( $sbi_statuses['support_legacy_shortcode'] ) ) {
1991
 
1992
  $feeds_data = array(
1993
  array(
1994
+ 'feed_id' => __( 'Legacy Feed', 'instagram-feed' ) . ' ' . __( '(unknown location)', 'instagram-feed' ),
1995
+ 'feed_name' => __( 'Legacy Feed', 'instagram-feed' ) . ' ' . __( '(unknown location)', 'instagram-feed' ),
1996
+ 'shortcode' => '[instagram-feed]',
1997
+ 'feed_type' => '',
1998
+ 'instance_count' => false,
1999
  'location_summary' => array()
2000
  )
2001
  );
2005
  }
2006
 
2007
  public static function get_legacy_feed_name( $sources_list, $source_id ) {
2008
+ foreach ( $sources_list as $source ) {
2009
+ if ( $source['account_id'] == $source_id ) {
2010
  return $source['username'];
2011
  }
2012
  }
2022
  */
2023
  public static function onboarding_status( $type = 'newuser' ) {
2024
  $onboarding_statuses = get_user_meta( get_current_user_id(), 'sbi_onboarding', true );
2025
+ $status = false;
2026
  if ( ! empty( $onboarding_statuses ) ) {
2027
  $statuses = maybe_unserialize( $onboarding_statuses );
2028
+ $status = isset( $statuses[ $type ] ) ? $statuses[ $type ] : false;
2029
  }
2030
 
2031
  return $status;
2041
  public static function update_onboarding_meta( $value, $type = 'newuser' ) {
2042
  $onboarding_statuses = get_user_meta( get_current_user_id(), 'sbi_onboarding', true );
2043
  if ( ! empty( $onboarding_statuses ) ) {
2044
+ $statuses = maybe_unserialize( $onboarding_statuses );
2045
  $statuses[ $type ] = $value;
2046
  } else {
2047
  $statuses = array(
2070
  if ( isset( $_POST['was_active'] ) ) {
2071
  $type = sanitize_key( $_POST['was_active'] );
2072
  }
2073
+ self::update_onboarding_meta( 'dismissed', $type );
2074
  }
2075
  wp_die();
2076
  }
2077
 
2078
  public static function add_customizer_att( $atts ) {
2079
+ if ( ! is_array( $atts ) ) {
2080
+ $atts = array();
2081
+ }
2082
+ $atts['feedtype'] = 'customizer';
2083
+ return $atts;
2084
  }
2085
 
2086
  /**
2088
  *
2089
  * @since 6.0
2090
  */
2091
+ public function feed_builder() {
2092
  include_once SBI_BUILDER_DIR . 'templates/builder.php';
2093
  }
2094
 
2100
  * @since 6.0
2101
  */
2102
  public function get_feed_types() {
2103
+ $feed_types = array(
2104
+ array(
2105
+ 'type' => 'user',
2106
+ 'title' => __( 'User Timeline', 'instagram-feed' ),
2107
+ 'description' => __( 'Fetch posts from your Instagram profile', 'instagram-feed' ),
2108
+ 'icon' => 'usertimelineIcon'
2109
+ ),
2110
+ /*
2111
+ array(
2112
+ 'type' => 'hashtag',
2113
+ 'title' => __( 'Public Hashtag', 'instagram-feed' ),
2114
+ 'description' => __( 'Fetch posts from a public Instagram hashtag', 'instagram-feed' ),
2115
+ 'tooltip' => __( 'Hashtag feeds require a connected Instagram business account', 'instagram-feed' ),
2116
+ 'businessRequired' => true,
2117
+ 'icon' => 'publichashtagIcon'
2118
+ ),
2119
+ array(
2120
+ 'type' => 'tagged',
2121
+ 'title' => __( 'Tagged Posts', 'instagram-feed' ),
2122
+ 'description' => __( 'Display posts your Instagram account has been tagged in', 'instagram-feed' ),
2123
+ 'tooltip' => __( 'Tagged posts feeds require a connected Instagram business account', 'instagram-feed' ),
2124
+ 'businessRequired' => true,
2125
+ 'icon' => 'taggedpostsIcon'
2126
+ ),
2127
+ array(
2128
+ 'type' => 'socialwall',
2129
+ 'title' => __( 'Social Wall', 'instagram-feed' ) . '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.94901 13.7934L6.86234 11.2401C7.90901 10.8534 8.88901 10.3334 9.79568 9.72677L7.94901 13.7934ZM2.95568 7.33344L0.402344 6.24677L4.46901 4.4001C3.86234 5.30677 3.34234 6.28677 2.95568 7.33344ZM13.6023 0.593436C13.6023 0.593436 10.3023 -0.820564 6.52901 2.95344C5.06901 4.41344 4.19568 6.0201 3.62901 7.42677C3.44234 7.92677 3.56901 8.47344 3.93568 8.84677L5.35568 10.2601C5.72234 10.6334 6.26901 10.7534 6.76901 10.5668C8.44804 9.92657 9.97256 8.93825 11.2423 7.66677C15.0157 3.89344 13.6023 0.593436 13.6023 0.593436ZM8.88901 5.30677C8.36901 4.78677 8.36901 3.9401 8.88901 3.4201C9.40901 2.9001 10.2557 2.9001 10.7757 3.4201C11.289 3.9401 11.2957 4.78677 10.7757 5.30677C10.2557 5.82677 9.40901 5.82677 8.88901 5.30677ZM4.02247 13.0001L5.78234 11.2401C5.55568 11.1801 5.33568 11.0801 5.13568 10.9401L3.08247 13.0001H4.02247ZM1.1958 13.0001H2.1358L4.64901 10.4934L3.70234 9.55344L1.1958 12.0601V13.0001ZM1.1958 11.1134L3.25568 9.0601C3.11568 8.8601 3.01568 8.64677 2.95568 8.41344L1.1958 10.1734V11.1134Z" fill="#FE544F"/></svg>',
2130
+ 'description' => __( 'Create a feed with sources from different social platforms', 'instagram-feed' ),
2131
+ 'icon' => 'socialwall1Icon'
2132
+ )
2133
+ */
2134
+ );
2135
+
2136
+ return $feed_types;
2137
  }
2138
 
2139
  /**
2145
  */
2146
  public function get_advanced_feed_types() {
2147
  $feed_types = array(
2148
+ array(
2149
+ 'type' => 'hashtag',
2150
+ 'title' => __( 'Public Hashtag', 'instagram-feed' ),
2151
+ 'description' => __( 'Fetch posts from a public Instagram hashtag', 'instagram-feed' ),
2152
+ 'tooltip' => __( 'Hashtag feeds require a connected Instagram business account', 'instagram-feed' ),
2153
+ 'businessRequired' => true,
2154
+ 'icon' => 'publichashtagIcon'
2155
+ ),
2156
+ array(
2157
+ 'type' => 'tagged',
2158
+ 'title' => __( 'Tagged Posts', 'instagram-feed' ),
2159
+ 'description' => __( 'Display posts your Instagram account has been tagged in', 'instagram-feed' ),
2160
+ 'tooltip' => __( 'Tagged posts feeds require a connected Instagram business account', 'instagram-feed' ),
2161
+ 'businessRequired' => true,
2162
+ 'icon' => 'taggedpostsIcon'
2163
+ ),
2164
+ array(
2165
+ 'type' => 'socialwall',
2166
+ 'title' => __( 'Social Wall', 'instagram-feed' ),
2167
+ 'description' => __( 'Create a feed with sources from different social platforms', 'instagram-feed' ),
2168
+ 'icon' => 'socialwall1Icon'
2169
+ ),
2170
+ );
2171
+
2172
+ return $feed_types;
2173
  }
2174
 
2175
+ /**
2176
+ * Personal Account
2177
+ *
2178
+ * @return array
2179
+ *
2180
+ * @since 6.0.8
2181
+ */
2182
+ public static function personal_account_screen_text() {
2183
+ return array(
2184
+ 'mainHeading1' => __( 'We’re almost there...', 'instagram-feed' ),
2185
+ 'mainHeading2' => __( 'Update Personal Account', 'instagram-feed' ),
2186
+ 'mainHeading3' => __( 'Add Instagram Profile Picture and Bio', 'instagram-feed' ),
2187
+ 'mainDescription' => __( 'Instagram does not provide us access to your profile picture or bio for personal accounts. Would you like to set up a custom profile photo and bio?.', 'instagram-feed' ),
2188
+ 'bioLabel' => __( 'Bio (140 Characters)', 'instagram-feed' ),
2189
+ 'bioPlaceholder' => __( 'Add your profile bio here', 'instagram-feed' ),
2190
+ 'confirmBtn' => __( 'Yes, let\'s do it', 'instagram-feed' ),
2191
+ 'cancelBtn' => __( 'No, maybe later', 'instagram-feed' ),
2192
+ 'uploadBtn' => __( 'Upload Profile Picture', 'instagram-feed' )
2193
+ );
2194
+ }
2195
 
2196
  }
2197
 
inc/Builder/SBI_Feed_Saver.php CHANGED
@@ -520,7 +520,7 @@ class SBI_Feed_Saver {
520
  'background' => '',
521
  'imageres' => 'auto',
522
  'media' => 'all',
523
- 'videotypes' => 'regular,igtv',
524
  'showcaption' => true,
525
  'captionlength' => '',
526
  'captioncolor' => '',
@@ -615,6 +615,7 @@ class SBI_Feed_Saver {
615
  'photosposts' => true,
616
  'videosposts' => true,
617
  'igtvposts' => true,
 
618
 
619
  'shoppablefeed' => false,
620
  'shoppablelist' => '{}',
520
  'background' => '',
521
  'imageres' => 'auto',
522
  'media' => 'all',
523
+ 'videotypes' => 'regular,igtv,reels',
524
  'showcaption' => true,
525
  'captionlength' => '',
526
  'captioncolor' => '',
615
  'photosposts' => true,
616
  'videosposts' => true,
617
  'igtvposts' => true,
618
+ 'reelsposts' => true,
619
 
620
  'shoppablefeed' => false,
621
  'shoppablelist' => '{}',
inc/Builder/SBI_Feed_Saver_Manager.php CHANGED
@@ -26,6 +26,7 @@ class SBI_Feed_Saver_Manager {
26
  add_action( 'wp_ajax_sbi_feed_saver_manager_retrieve_comments', array( 'InstagramFeed\Builder\SBI_Feed_Saver_Manager', 'retrieve_comments' ) );
27
  add_action( 'wp_ajax_sbi_feed_saver_manager_clear_comments_cache', array( 'InstagramFeed\Builder\SBI_Feed_Saver_Manager', 'clear_comments_cache' ) );
28
  add_action( 'wp_ajax_sbi_feed_saver_manager_delete_source', array( 'InstagramFeed\Builder\SBI_Feed_Saver_Manager', 'delete_source' ) );
 
29
 
30
  //Detect Leaving the Page
31
  add_action( 'wp_ajax_sbi_feed_saver_manager_recache_feed', array( 'InstagramFeed\Builder\SBI_Feed_Saver_Manager', 'recache_feed' ) );
@@ -205,7 +206,12 @@ class SBI_Feed_Saver_Manager {
205
  }
206
 
207
  if ( ! empty( $_POST['source_id'] ) ) {
208
- SBI_Db::delete_source_query( $_POST['source_id'] );
 
 
 
 
 
209
  }
210
  }
211
 
@@ -766,4 +772,39 @@ class SBI_Feed_Saver_Manager {
766
  return $save_data;
767
  }
768
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
769
  }
26
  add_action( 'wp_ajax_sbi_feed_saver_manager_retrieve_comments', array( 'InstagramFeed\Builder\SBI_Feed_Saver_Manager', 'retrieve_comments' ) );
27
  add_action( 'wp_ajax_sbi_feed_saver_manager_clear_comments_cache', array( 'InstagramFeed\Builder\SBI_Feed_Saver_Manager', 'clear_comments_cache' ) );
28
  add_action( 'wp_ajax_sbi_feed_saver_manager_delete_source', array( 'InstagramFeed\Builder\SBI_Feed_Saver_Manager', 'delete_source' ) );
29
+ add_action( 'wp_ajax_sbi_update_personal_account', array( 'InstagramFeed\Builder\SBI_Feed_Saver_Manager', 'sbi_update_personal_account' ) );
30
 
31
  //Detect Leaving the Page
32
  add_action( 'wp_ajax_sbi_feed_saver_manager_recache_feed', array( 'InstagramFeed\Builder\SBI_Feed_Saver_Manager', 'recache_feed' ) );
206
  }
207
 
208
  if ( ! empty( $_POST['source_id'] ) ) {
209
+ if ( isset( $_POST['username'] ) && ! empty( $_POST['username'] ) ) {
210
+ $username = sanitize_text_field( $_POST['username'] );
211
+ \SB_Instagram_Connected_Account::delete_local_avatar( $username );
212
+ }
213
+ $source_id = absint( $_POST['source_id'] );
214
+ SBI_Db::delete_source_query( $source_id );
215
  }
216
  }
217
 
772
  return $save_data;
773
  }
774
 
775
+ /**
776
+ * Update Personal Account Info
777
+ * Setting Avatar + Bio
778
+ *
779
+ * @return json
780
+ *
781
+ * @since 6.0.8
782
+ */
783
+ public static function sbi_update_personal_account(){
784
+
785
+ check_ajax_referer( 'sbi-admin' , 'nonce');
786
+ if ( ! sbi_current_user_can( 'manage_instagram_feed_options' ) ) {
787
+ wp_send_json_error();
788
+ }
789
+
790
+ if( isset( $_FILES['avatar']['tmp_name'] ) && isset( $_POST['username'] ) ) {
791
+ $account_avatar = sanitize_text_field( $_FILES['avatar']['tmp_name'] );
792
+ $username = sanitize_text_field( $_POST['username'] );
793
+ $created = \SB_Instagram_Connected_Account::create_local_avatar( $username, $account_avatar );
794
+ \SB_Instagram_Connected_Account::update_local_avatar_status( $username, $created );
795
+ }
796
+
797
+ if( isset( $_POST['bio'] ) && isset( $_POST['id'] ) ){
798
+ $account_bio = sanitize_text_field( stripslashes( $_POST['bio'] ) );
799
+ $id = sanitize_text_field( wp_unslash( $_POST['id'] ) );
800
+ SBI_Source::update_personal_account_bio( $id, $account_bio );
801
+ }
802
+ $response = array(
803
+ 'success' => true,
804
+ 'sourcesList' => SBI_Feed_Builder::get_source_list()
805
+ );
806
+ echo sbi_json_encode( $response );
807
+ wp_die();
808
+ }
809
+
810
  }
inc/Builder/SBI_Source.php CHANGED
@@ -34,7 +34,6 @@ string(186) "V6BuEgJN9vCJzZBE3AGsZBITmXj57"
34
  ["local_avatar"]=>
35
  bool(false)
36
  }
37
-
38
  */
39
 
40
  namespace InstagramFeed\Builder;
@@ -65,7 +64,7 @@ class SBI_Source {
65
  * @since 6.0
66
  */
67
  public static function builder_update() {
68
- if ( ! check_ajax_referer( 'sbi_admin_nonce' , 'nonce', false ) && ! check_ajax_referer( 'sbi-admin' , 'nonce', false ) ) {
69
  wp_send_json_error();
70
  }
71
  if ( ! sbi_current_user_can( 'manage_instagram_feed_options' ) ) {
@@ -82,13 +81,15 @@ class SBI_Source {
82
  $return = sbi_connect_new_account( $source_data['access_token'], $source_data['id'] );
83
 
84
  if ( empty( $return ) ) {
85
- $return = array( 'error' => '<div class="sbi-connect-actions sb-alerts-wrap"><div class="sb-alert">
 
86
  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
87
  <path d="M8.99935 0.666504C4.39935 0.666504 0.666016 4.39984 0.666016 8.99984C0.666016 13.5998 4.39935 17.3332 8.99935 17.3332C13.5993 17.3332 17.3327 13.5998 17.3327 8.99984C17.3327 4.39984 13.5993 0.666504 8.99935 0.666504ZM9.83268 13.1665H8.16602V11.4998H9.83268V13.1665ZM9.83268 9.83317H8.16602V4.83317H9.83268V9.83317Z" fill="#995C00"/>
88
  </svg>
89
- <span><strong>' . esc_html__( 'Something went wrong. Please make sure the ID and access token are correct.', 'instagram-feed'). '</strong></span><br>
90
  ' . '' . '
91
- </div></div>' );
 
92
  }
93
 
94
  if ( empty( $return['error'] ) ) {
@@ -163,7 +164,7 @@ class SBI_Source {
163
  * @since 6.0
164
  */
165
  public static function builder_update_multiple() {
166
- if ( ! check_ajax_referer( 'sbi_admin_nonce' , 'nonce', false ) && ! check_ajax_referer( 'sbi-admin' , 'nonce', false ) ) {
167
  wp_send_json_error();
168
  }
169
  if ( ! sbi_current_user_can( 'manage_instagram_feed_options' ) ) {
@@ -200,7 +201,7 @@ class SBI_Source {
200
  * @since 6.0
201
  */
202
  public static function get_page() {
203
- if ( ! check_ajax_referer( 'sbi_admin_nonce' , 'nonce', false ) && ! check_ajax_referer( 'sbi-admin' , 'nonce', false ) ) {
204
  wp_send_json_error();
205
  }
206
  if ( ! sbi_current_user_can( 'manage_instagram_feed_options' ) ) {
@@ -232,14 +233,14 @@ class SBI_Source {
232
 
233
  //If the admin_url isn't returned correctly then use a fallback
234
  if ( $admin_url_state === '/wp-admin/admin.php?page=sbi-feed-builder'
235
- || $admin_url_state === '/wp-admin/admin.php?page=sbi-feed-builder&tab=configuration' ) {
236
  $admin_url_state = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
237
  }
 
238
  $sb_admin_email = get_option( 'admin_email', '' );
239
  $urls['personal'] ='https://connect.smashballoon.com/auth/ig/?wordpress_user=' . sanitize_email( $sb_admin_email ) . '&v=free&vn=' . SBIVER . '&sbi_con=' . $nonce . '&state=';
240
  $urls['business'] = 'https://connect.smashballoon.com/auth/ig/?wordpress_user=' . sanitize_email( $sb_admin_email ) . '&v=free&vn=' . SBIVER . '&sbi_con=' . $nonce . '&state=';
241
 
242
-
243
  $urls['stateURL'] = $admin_url_state;
244
 
245
  return $urls;
@@ -313,7 +314,7 @@ class SBI_Source {
313
  $header_details = '{}';
314
  $source_data['error'] = '';
315
  if ( ! $connection->is_wp_error() && ! $connection->is_instagram_error() ) {
316
- $header_details_array = $connection->get_data();
317
 
318
  $header_details_array = self::merge_account_details( $header_details_array, $source_data );
319
  $source_data['username'] = $header_details_array['username'];
@@ -401,7 +402,7 @@ class SBI_Source {
401
  $url = 'https://graph.facebook.com/me/accounts?fields=instagram_business_account,access_token&limit=500&access_token=' . $access_token;
402
 
403
  $args = array(
404
- 'timeout' => 60,
405
  );
406
  $result = wp_remote_get( $url, $args );
407
  $pages_data = '{}';
@@ -438,7 +439,7 @@ class SBI_Source {
438
 
439
  $user_url = 'https://graph.facebook.com/me?fields=name,id,picture&access_token=' . $access_token;
440
  $args = array(
441
- 'timeout' => 60,
442
  );
443
  $result = wp_remote_get( $user_url, $args );
444
  if ( ! is_wp_error( $result ) ) {
@@ -456,7 +457,7 @@ class SBI_Source {
456
  $instagram_account_url = 'https://graph.facebook.com/' . $instagram_business_id . '?fields=name,username,profile_picture_url&access_token=' . $access_token;
457
 
458
  $args = array(
459
- 'timeout' => 60,
460
  );
461
  $result = wp_remote_get( $instagram_account_url, $args );
462
  if ( ! is_wp_error( $result ) ) {
@@ -680,7 +681,7 @@ class SBI_Source {
680
  * after it's been validated with an API call
681
  *
682
  * @param array $connected_account
683
- * @param bool $connect_if_error
684
  *
685
  * @return array
686
  *
@@ -708,7 +709,7 @@ class SBI_Source {
708
  $source_data['expires'] = date( 'Y-m-d H:i:s', $connected_account['expires_timestamp'] );
709
  }
710
 
711
- if ( $connected_account['local_avatar'] ) {
712
  \SB_Instagram_Connected_Account::update_local_avatar_status( $connected_account['username'], true );
713
  }
714
 
@@ -815,7 +816,7 @@ class SBI_Source {
815
  /**
816
  * Adds an error to the error table by account ID
817
  *
818
- * @param string $account_id
819
  * @param string|object|array $error
820
  *
821
  * @return bool
@@ -867,6 +868,10 @@ class SBI_Source {
867
  $connected_account['private'] = $info['private'];
868
  }
869
 
 
 
 
 
870
  $connected_account['local_avatar_url'] = \SB_Instagram_Connected_Account::maybe_local_avatar( $source_datum['username'], $avatar );
871
 
872
  $connected_accounts[ $source_datum['account_id'] ] = $connected_account;
@@ -889,4 +894,23 @@ class SBI_Source {
889
  return $results;
890
 
891
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
892
  }
34
  ["local_avatar"]=>
35
  bool(false)
36
  }
 
37
  */
38
 
39
  namespace InstagramFeed\Builder;
64
  * @since 6.0
65
  */
66
  public static function builder_update() {
67
+ if ( ! check_ajax_referer( 'sbi_admin_nonce', 'nonce', false ) && ! check_ajax_referer( 'sbi-admin', 'nonce', false ) ) {
68
  wp_send_json_error();
69
  }
70
  if ( ! sbi_current_user_can( 'manage_instagram_feed_options' ) ) {
81
  $return = sbi_connect_new_account( $source_data['access_token'], $source_data['id'] );
82
 
83
  if ( empty( $return ) ) {
84
+ $return = array(
85
+ 'error' => '<div class="sbi-connect-actions sb-alerts-wrap"><div class="sb-alert">
86
  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
87
  <path d="M8.99935 0.666504C4.39935 0.666504 0.666016 4.39984 0.666016 8.99984C0.666016 13.5998 4.39935 17.3332 8.99935 17.3332C13.5993 17.3332 17.3327 13.5998 17.3327 8.99984C17.3327 4.39984 13.5993 0.666504 8.99935 0.666504ZM9.83268 13.1665H8.16602V11.4998H9.83268V13.1665ZM9.83268 9.83317H8.16602V4.83317H9.83268V9.83317Z" fill="#995C00"/>
88
  </svg>
89
+ <span><strong>' . esc_html__( 'Something went wrong. Please make sure the ID and access token are correct.', 'instagram-feed' ) . '</strong></span><br>
90
  ' . '' . '
91
+ </div></div>',
92
+ );
93
  }
94
 
95
  if ( empty( $return['error'] ) ) {
164
  * @since 6.0
165
  */
166
  public static function builder_update_multiple() {
167
+ if ( ! check_ajax_referer( 'sbi_admin_nonce', 'nonce', false ) && ! check_ajax_referer( 'sbi-admin', 'nonce', false ) ) {
168
  wp_send_json_error();
169
  }
170
  if ( ! sbi_current_user_can( 'manage_instagram_feed_options' ) ) {
201
  * @since 6.0
202
  */
203
  public static function get_page() {
204
+ if ( ! check_ajax_referer( 'sbi_admin_nonce', 'nonce', false ) && ! check_ajax_referer( 'sbi-admin', 'nonce', false ) ) {
205
  wp_send_json_error();
206
  }
207
  if ( ! sbi_current_user_can( 'manage_instagram_feed_options' ) ) {
233
 
234
  //If the admin_url isn't returned correctly then use a fallback
235
  if ( $admin_url_state === '/wp-admin/admin.php?page=sbi-feed-builder'
236
+ || $admin_url_state === '/wp-admin/admin.php?page=sbi-feed-builder&tab=configuration' ) {
237
  $admin_url_state = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
238
  }
239
+
240
  $sb_admin_email = get_option( 'admin_email', '' );
241
  $urls['personal'] ='https://connect.smashballoon.com/auth/ig/?wordpress_user=' . sanitize_email( $sb_admin_email ) . '&v=free&vn=' . SBIVER . '&sbi_con=' . $nonce . '&state=';
242
  $urls['business'] = 'https://connect.smashballoon.com/auth/ig/?wordpress_user=' . sanitize_email( $sb_admin_email ) . '&v=free&vn=' . SBIVER . '&sbi_con=' . $nonce . '&state=';
243
 
 
244
  $urls['stateURL'] = $admin_url_state;
245
 
246
  return $urls;
314
  $header_details = '{}';
315
  $source_data['error'] = '';
316
  if ( ! $connection->is_wp_error() && ! $connection->is_instagram_error() ) {
317
+ $header_details_array = $connection->get_data();
318
 
319
  $header_details_array = self::merge_account_details( $header_details_array, $source_data );
320
  $source_data['username'] = $header_details_array['username'];
402
  $url = 'https://graph.facebook.com/me/accounts?fields=instagram_business_account,access_token&limit=500&access_token=' . $access_token;
403
 
404
  $args = array(
405
+ 'timeout' => 60,
406
  );
407
  $result = wp_remote_get( $url, $args );
408
  $pages_data = '{}';
439
 
440
  $user_url = 'https://graph.facebook.com/me?fields=name,id,picture&access_token=' . $access_token;
441
  $args = array(
442
+ 'timeout' => 60,
443
  );
444
  $result = wp_remote_get( $user_url, $args );
445
  if ( ! is_wp_error( $result ) ) {
457
  $instagram_account_url = 'https://graph.facebook.com/' . $instagram_business_id . '?fields=name,username,profile_picture_url&access_token=' . $access_token;
458
 
459
  $args = array(
460
+ 'timeout' => 60,
461
  );
462
  $result = wp_remote_get( $instagram_account_url, $args );
463
  if ( ! is_wp_error( $result ) ) {
681
  * after it's been validated with an API call
682
  *
683
  * @param array $connected_account
684
+ * @param bool $connect_if_error
685
  *
686
  * @return array
687
  *
709
  $source_data['expires'] = date( 'Y-m-d H:i:s', $connected_account['expires_timestamp'] );
710
  }
711
 
712
+ if ( isset( $connected_account['local_avatar'] ) && $connected_account['local_avatar'] ) {
713
  \SB_Instagram_Connected_Account::update_local_avatar_status( $connected_account['username'], true );
714
  }
715
 
816
  /**
817
  * Adds an error to the error table by account ID
818
  *
819
+ * @param string $account_id
820
  * @param string|object|array $error
821
  *
822
  * @return bool
868
  $connected_account['private'] = $info['private'];
869
  }
870
 
871
+ if ( ! empty( $info['biography'] ) ) {
872
+ $connected_account['bio'] = $info['biography'];
873
+ }
874
+
875
  $connected_account['local_avatar_url'] = \SB_Instagram_Connected_Account::maybe_local_avatar( $source_datum['username'], $avatar );
876
 
877
  $connected_accounts[ $source_datum['account_id'] ] = $connected_account;
894
  return $results;
895
 
896
  }
897
+
898
+ /**
899
+ * Updates Personal Account Bio
900
+ *
901
+ * @return array|bool
902
+ *
903
+ * @since 6.0.8
904
+ */
905
+ public static function update_personal_account_bio( $account_id, $bio ) {
906
+ $source = SBI_Db::get_source_by_account_id( $account_id );
907
+ if ( isset( $source['info'] ) ) {
908
+ $encryption = new \SB_Instagram_Data_Encryption();
909
+ $info = json_decode( $encryption->maybe_decrypt( $source['info'] ), true );
910
+ $info = array( 'biography' => $bio ) + $info;
911
+ $to_update = array();
912
+ $to_update['info'] = json_encode( $info );
913
+ SBI_Db::source_update( $to_update, array( 'id' => $account_id ) );
914
+ }
915
+ }
916
  }
inc/Builder/Tabs/SBI_Settings_Tab.php CHANGED
@@ -31,11 +31,7 @@ class SBI_Settings_Tab{
31
  ],
32
  'settings_filters_moderation' => [
33
  'heading' => __( 'Filters and Moderation', 'instagram-feed' ),
34
- 'description' => __( 'Visually moderate your feed or hide specific posts with Instagram Feed Pro.', 'instagram-feed' ),
35
  'icon' => 'filter',
36
- 'separator' => 'none',
37
- 'proLabel' => true,
38
- 'checkExtensionPopup' => 'filtermoderation',
39
  'controls' => self::get_settings_filters_moderation_controls()
40
  ],
41
  'settings_sort' => [
@@ -71,6 +67,39 @@ class SBI_Settings_Tab{
71
  */
72
  static function get_settings_filters_moderation_controls(){
73
  return [
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
74
  [
75
  'type' => 'customview',
76
  'viewId' => 'moderationmode',
31
  ],
32
  'settings_filters_moderation' => [
33
  'heading' => __( 'Filters and Moderation', 'instagram-feed' ),
 
34
  'icon' => 'filter',
 
 
 
35
  'controls' => self::get_settings_filters_moderation_controls()
36
  ],
37
  'settings_sort' => [
67
  */
68
  static function get_settings_filters_moderation_controls(){
69
  return [
70
+ [
71
+ 'type' => 'heading',
72
+ 'strongHeading' => 'true',
73
+ 'heading' => __( 'Show specific types of posts', 'instagram-feed' )
74
+ ],
75
+ [
76
+ 'type' => 'checkbox',
77
+ 'id' => 'reelsposts',
78
+ 'label' => __( 'Reels', 'instagram-feed' ),
79
+ 'reverse' => 'true',
80
+ 'stacked' => 'true',
81
+ 'checkViewDisabled' => 'moderationMode',
82
+ 'ajaxAction' => 'feedFlyPreview',
83
+ 'options' => [
84
+ 'enabled' => true,
85
+ 'disabled' => false
86
+ ]
87
+ ],
88
+ [
89
+ 'type' => 'separator',
90
+ 'top' => 20,
91
+ 'bottom' => 20
92
+ ],
93
+
94
+ [
95
+ 'type' => 'heading',
96
+ 'heading' => __( 'Advanced', 'instagram-feed' ),
97
+ 'proLabel' => true,
98
+ 'description' => __( 'Visually moderate your feed or hide specific posts with Instagram Feed Pro.', 'instagram-feed' ),
99
+ 'checkExtensionPopup' => 'filtermoderation',
100
+ 'checkExtensionPopupLearnMore' => 'filtermoderation'
101
+ ],
102
+
103
  [
104
  'type' => 'customview',
105
  'viewId' => 'moderationmode',
inc/class-sb-instagram-api-connect.php CHANGED
@@ -292,7 +292,7 @@ class SB_Instagram_API_Connect
292
  $url = 'https://graph.instagram.com/me?fields=id,username,media_count,account_type&access_token=' . $access_token;
293
  } else {
294
  $num = min( $num, 200 );
295
- $url = 'https://graph.instagram.com/' . $connected_account['user_id'] . '/media?fields=media_url,thumbnail_url,caption,id,media_type,timestamp,username,comments_count,like_count,permalink,children%7Bmedia_url,id,media_type,timestamp,permalink,thumbnail_url%7D&limit=' . $num . '&access_token=' . $access_token;
296
  }
297
  }
298
 
292
  $url = 'https://graph.instagram.com/me?fields=id,username,media_count,account_type&access_token=' . $access_token;
293
  } else {
294
  $num = min( $num, 200 );
295
+ $url = 'https://graph.instagram.com/' . $connected_account['user_id'] . '/media?fields=media_url,thumbnail_url,caption,id,media_type,media_product_type,timestamp,username,comments_count,like_count,permalink,children%7Bmedia_url,id,media_type,timestamp,permalink,thumbnail_url%7D&limit=' . $num . '&access_token=' . $access_token;
296
  }
297
  }
298
 
inc/class-sb-instagram-connected-account.php CHANGED
@@ -198,6 +198,10 @@ class SB_Instagram_Connected_Account {
198
  $sb_instagram_posts_manager->add_error( 'image_editor', $message );
199
  }
200
 
 
 
 
 
201
  }
202
  }
203
  return false;
198
  $sb_instagram_posts_manager->add_error( 'image_editor', $message );
199
  }
200
 
201
+ if ( ! empty( $temp_file ) ) {
202
+ @unlink( $temp_file );
203
+ }
204
+
205
  }
206
  }
207
  return false;
inc/class-sb-instagram-data-encryption.php CHANGED
@@ -125,6 +125,31 @@ class SB_Instagram_Data_Encryption {
125
  return $this->encrypt( $raw_value );
126
  }
127
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
128
  /**
129
  * Gets the default encryption key to use.
130
  *
125
  return $this->encrypt( $raw_value );
126
  }
127
 
128
+ /**
129
+ * Uses a raw value and attempts to decrypt it
130
+ *
131
+ * @since 6.0.8
132
+ *
133
+ * @param $value
134
+ * @return bool|string
135
+ */
136
+ public function maybe_decrypt( $value ) {
137
+ if ( ! is_string( $value ) ) {
138
+ return $value;
139
+ }
140
+ if ( strpos( $value, '{' ) === 0 ) {
141
+ return $value;
142
+ }
143
+
144
+ $decrypted = $this->decrypt( $value );
145
+
146
+ if ( ! $decrypted ) {
147
+ return $value;
148
+ }
149
+
150
+ return $decrypted;
151
+ }
152
+
153
  /**
154
  * Gets the default encryption key to use.
155
  *
inc/class-sb-instagram-feed.php CHANGED
@@ -1397,7 +1397,54 @@ class SB_Instagram_Feed
1397
  protected function filter_posts( $post_set, $settings = array() ) {
1398
  // array_unique( $post_set, SORT_REGULAR);
1399
 
1400
- return $post_set;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1401
  }
1402
 
1403
  protected function handle_no_posts_found( $settings = array(), $feed_types_and_terms = array() ) {
1397
  protected function filter_posts( $post_set, $settings = array() ) {
1398
  // array_unique( $post_set, SORT_REGULAR);
1399
 
1400
+ if ( $settings['media'] === 'all' ) {
1401
+ return $post_set;
1402
+ }
1403
+
1404
+ $media_filter = $settings['media'] !== 'all' ? $settings['media'] : false;
1405
+ if ( $media_filter ) {
1406
+ $media_filter = is_array( $media_filter ) ? $media_filter : array( $media_filter );
1407
+ }
1408
+ $video_types = ! empty( $settings['videotypes'] ) ? explode( ',', str_replace( ' ', '', strtolower( $settings['videotypes'] ) ) ) : array( 'igtv', 'regular', 'reels' );
1409
+ $filtered_posts = array();
1410
+ foreach ( $post_set as $post ) {
1411
+ $keep_post = false;
1412
+ $is_hidden = false;
1413
+ $passes_media_filter = true;
1414
+
1415
+ if ( $media_filter ) {
1416
+ $media_type = SB_Instagram_Parse::get_media_type( $post );
1417
+
1418
+ if ( $media_type === 'video' && in_array( 'videos', $media_filter, true ) ) {
1419
+ if ( ! empty( $video_types ) ) {
1420
+ $video_type = SB_Instagram_Parse::get_media_product_type( $post );
1421
+ $video_type = 'feed' === $video_type ? 'regular' : $video_type;
1422
+
1423
+ if ( ! in_array( $video_type, $video_types, true ) ) {
1424
+ $passes_media_filter = false;
1425
+ }
1426
+ }
1427
+ } elseif ( $media_type === 'video' && ! in_array( 'videos', $media_filter, true ) ) {
1428
+ $passes_media_filter = false;
1429
+ } elseif ( $media_type === 'image' && ! in_array( 'photos', $media_filter, true ) ) {
1430
+ $passes_media_filter = false;
1431
+ } elseif ( $media_type === 'carousel' && ! in_array( 'photos', $media_filter, true ) ) {
1432
+ $passes_media_filter = false;
1433
+ }
1434
+
1435
+ }
1436
+
1437
+ if ( ! $is_hidden && $passes_media_filter ) {
1438
+ $keep_post = true;
1439
+ }
1440
+
1441
+ $keep_post = apply_filters( 'sbi_passes_filter', $keep_post, $post, $settings );
1442
+ if ( $keep_post ) {
1443
+ $filtered_posts[] = $post;
1444
+ }
1445
+ }
1446
+
1447
+ return $filtered_posts;
1448
  }
1449
 
1450
  protected function handle_no_posts_found( $settings = array(), $feed_types_and_terms = array() ) {
inc/class-sb-instagram-oembed.php CHANGED
@@ -112,7 +112,7 @@ class SB_Instagram_Oembed
112
  public static function oembed_providers( $providers ) {
113
  $oembed_url = SB_Instagram_Oembed::oembed_url();
114
  if ( $oembed_url ) {
115
- $providers['#https?://(www\.)?instagr(\.am|am\.com)/(p|tv)/.*#i'] = array( $oembed_url, true );
116
  // for WP 4.9
117
  $providers['#https?://(www\.)?instagr(\.am|am\.com)/p/.*#i'] = array( $oembed_url, true );
118
  }
@@ -164,7 +164,7 @@ class SB_Instagram_Oembed
164
  * @since 2.5/5.8
165
  */
166
  public static function oembed_result( $html, $url, $args ) {
167
- if ( preg_match( '#https?://(www\.)?instagr(\.am|am\.com)/(p|tv)/.*#i', $url ) === 1 ) {
168
  if ( strpos( $html, 'class="instagram-media"' ) !== false ) {
169
  $html = '<div class="sbi-embed-wrap">' . str_replace( 'class="instagram-media"', 'class="instagram-media sbi-embed"', $html ) . '</div>';
170
  }
@@ -186,7 +186,7 @@ class SB_Instagram_Oembed
186
  * @since 2.5/5.8
187
  */
188
  public static function oembed_ttl( $ttl, $url, $attr, $post_ID ) {
189
- if ( preg_match( '#https?://(www\.)?instagr(\.am|am\.com)/(p|tv)/.*#i', $url ) === 1 ) {
190
  $ttl = 30 * YEAR_IN_SECONDS;
191
  }
192
 
112
  public static function oembed_providers( $providers ) {
113
  $oembed_url = SB_Instagram_Oembed::oembed_url();
114
  if ( $oembed_url ) {
115
+ $providers['#https?://(www\.)?instagr(\.am|am\.com)/(p|tv|reel)/.*#i'] = array( $oembed_url, true );
116
  // for WP 4.9
117
  $providers['#https?://(www\.)?instagr(\.am|am\.com)/p/.*#i'] = array( $oembed_url, true );
118
  }
164
  * @since 2.5/5.8
165
  */
166
  public static function oembed_result( $html, $url, $args ) {
167
+ if ( preg_match( '#https?://(www\.)?instagr(\.am|am\.com)/(p|tv|reel)/.*#i', $url ) === 1 ) {
168
  if ( strpos( $html, 'class="instagram-media"' ) !== false ) {
169
  $html = '<div class="sbi-embed-wrap">' . str_replace( 'class="instagram-media"', 'class="instagram-media sbi-embed"', $html ) . '</div>';
170
  }
186
  * @since 2.5/5.8
187
  */
188
  public static function oembed_ttl( $ttl, $url, $attr, $post_ID ) {
189
+ if ( preg_match( '#https?://(www\.)?instagr(\.am|am\.com)/(p|tv|reel)/.*#i', $url ) === 1 ) {
190
  $ttl = 30 * YEAR_IN_SECONDS;
191
  }
192
 
inc/class-sb-instagram-parse.php CHANGED
@@ -14,8 +14,8 @@ if ( ! defined( 'ABSPATH' ) ) {
14
  die( '-1' );
15
  }
16
 
17
- class SB_Instagram_Parse
18
- {
19
  /**
20
  * @param $post array
21
  *
@@ -35,7 +35,7 @@ class SB_Instagram_Parse
35
  * @since 2.0/5.0
36
  */
37
  public static function get_account_type( $post ) {
38
- if (isset( $post['media_type'] ) ) {
39
  return 'business';
40
  } else {
41
  return 'personal';
@@ -53,10 +53,10 @@ class SB_Instagram_Parse
53
  $timestamp = 0;
54
  if ( isset( $post['created_time'] ) ) {
55
  $timestamp = $post['created_time'];
56
- } else if ( isset( $post['timestamp'] ) ) {
57
  // some date formatting functions have trouble with the "T", "+", and extra zeroes added by Instagram
58
- $remove_plus = trim( str_replace( array('T', '+', ' 0000' ), ' ', $post['timestamp'] ) );
59
- $timestamp = strtotime( $remove_plus );
60
  }
61
 
62
  return $timestamp;
@@ -74,7 +74,7 @@ class SB_Instagram_Parse
74
  return $post['type'];
75
  }
76
 
77
- return strtolower( str_replace( '_ALBUM','', $post['media_type'] ) );
78
  }
79
 
80
  /**
@@ -93,7 +93,7 @@ class SB_Instagram_Parse
93
  }
94
 
95
  /**
96
- * @param array $post
97
  * @param string $resolution
98
  *
99
  * @return string
@@ -102,20 +102,20 @@ class SB_Instagram_Parse
102
  */
103
  public static function get_media_url( $post, $resolution = 'lightbox' ) {
104
  $account_type = isset( $post['images'] ) ? 'personal' : 'business';
105
- $media_type = isset( $post['media_type'] ) ? $post['media_type'] : 'none';
106
 
107
  if ( $account_type === 'personal' ) {
108
  return $post['images']['standard_resolution']['url'];
109
  } else {
110
  if ( $media_type === 'CAROUSEL_ALBUM'
111
- || $media_type === 'VIDEO'
112
- || $media_type === 'OEMBED' ) {
113
  if ( isset( $post['thumbnail_url'] ) ) {
114
  return $post['thumbnail_url'];
115
  } elseif ( $media_type === 'CAROUSEL_ALBUM' && isset( $post['media_url'] ) ) {
116
  return $post['media_url'];
117
  } elseif ( isset( $post['children'] ) ) {
118
- $i = 0;
119
  $full_size = '';
120
  foreach ( $post['children']['data'] as $carousel_item ) {
121
  if ( $carousel_item['media_type'] === 'IMAGE' && empty( $full_size ) ) {
@@ -127,9 +127,9 @@ class SB_Instagram_Parse
127
  $full_size = $carousel_item['thumbnail_url'];
128
  } else {
129
  $media = trailingslashit( SBI_PLUGIN_URL ) . 'img/thumb-placeholder.png';
130
- //attempt to get
131
- $permalink = SB_Instagram_Parse::fix_permalink( SB_Instagram_Parse::get_permalink( $carousel_item ) );
132
- $single = new SB_Instagram_Single( $permalink );
133
  $single->init();
134
  $carousel_item_post = $single->get_post();
135
 
@@ -149,9 +149,9 @@ class SB_Instagram_Parse
149
  if ( ! class_exists( 'SB_Instagram_Single' ) ) {
150
  return trailingslashit( SBI_PLUGIN_URL ) . 'img/thumb-placeholder.png';
151
  }
152
- //attempt to get
153
- $permalink = SB_Instagram_Parse::fix_permalink( SB_Instagram_Parse::get_permalink( $post ) );
154
- $single = new SB_Instagram_Single( $permalink );
155
  $single->init();
156
  $post = $single->get_post();
157
 
@@ -200,9 +200,9 @@ class SB_Instagram_Parse
200
  * @since 2.1.3/5.2.3 added 'd' element as a default backup from the API
201
  */
202
  public static function get_media_src_set( $post, $resized_images = array() ) {
203
- $full_size = SB_Instagram_Parse::get_media_url( $post );
204
- $media_urls = array(
205
- 'd' => SB_Instagram_Parse::get_media_url( $post ),
206
  '150' => '',
207
  '320' => '',
208
  '640' => ''
@@ -214,7 +214,7 @@ class SB_Instagram_Parse
214
  $media_urls['320'] = $post['images']['low_resolution']['url'];
215
  $media_urls['640'] = $post['images']['standard_resolution']['url'];
216
  } else {
217
- $post_id = SB_Instagram_Parse::get_post_id( $post );
218
 
219
  $media_urls['640'] = $full_size;
220
  $media_urls['150'] = $full_size;
@@ -222,9 +222,9 @@ class SB_Instagram_Parse
222
 
223
  // use resized images if exists
224
  if ( isset( $resized_images[ $post_id ]['id'] )
225
- && $resized_images[ $post_id ]['id'] !== 'pending'
226
- && $resized_images[ $post_id ]['id'] !== 'video'
227
- && $resized_images[ $post_id ]['id'] !== 'error' ) {
228
  if ( isset( $resized_images[ $post_id ]['sizes']['full'] ) ) {
229
  $media_urls['640'] = sbi_get_resized_uploads_url() . $resized_images[ $post_id ]['id'] . 'full.jpg';
230
  }
@@ -232,7 +232,6 @@ class SB_Instagram_Parse
232
  $media_urls['320'] = sbi_get_resized_uploads_url() . $resized_images[ $post_id ]['id'] . 'low.jpg';
233
  }
234
  }
235
-
236
  }
237
 
238
  return $media_urls;
@@ -257,10 +256,10 @@ class SB_Instagram_Parse
257
  $caption = $post['caption']['text'];
258
  }
259
 
260
- $video_title = SB_Instagram_Parse::get_video_title( $post );
261
 
262
  if ( ! empty( $video_title ) ) {
263
- $caption = $video_title .'. ' . $caption;
264
  }
265
 
266
  return $caption;
@@ -337,7 +336,7 @@ class SB_Instagram_Parse
337
  } elseif ( isset( $header_data['data']['full_name'] ) ) {
338
  return $header_data['data']['full_name'];
339
  }
340
- return SB_Instagram_Parse::get_username( $header_data );
341
  }
342
 
343
  /**
@@ -352,16 +351,16 @@ class SB_Instagram_Parse
352
  */
353
  public static function get_bio( $header_data, $settings = array() ) {
354
  $customizer = $settings['customizer'];
355
- if( $customizer ){
356
  return '{{$parent.getHeaderBio()}}';
357
- }else{
358
  if ( ! empty( $settings['custombio'] ) ) {
359
  return $settings['custombio'];
360
  } elseif ( isset( $header_data['data']['bio'] ) ) {
361
  return $header_data['data']['bio'];
362
- } elseif ( isset( $header_data['bio'] ) ){
363
  return $header_data['bio'];
364
- } elseif ( isset( $header_data['biography'] ) ){
365
  return $header_data['biography'];
366
  }
367
  return '';
@@ -381,8 +380,8 @@ class SB_Instagram_Parse
381
  public static function fix_permalink( $permalink ) {
382
  if ( substr_count( $permalink, '/' ) > 5 ) {
383
  $permalink_array = explode( '/', $permalink );
384
- $perm_id = $permalink_array[ count( $permalink_array ) - 2 ];
385
- $permalink = 'https://www.instagram.com/p/' . $perm_id . '/';
386
  }
387
  return $permalink;
388
 
@@ -419,10 +418,17 @@ class SB_Instagram_Parse
419
  return strtolower( $post['media_product_type'] );
420
  }
421
 
 
 
 
 
 
 
 
422
  return 'feed';
423
  }
424
 
425
- /**
426
  * Get the avatar URL from the API response
427
  *
428
  * @param array $account_info
14
  die( '-1' );
15
  }
16
 
17
+ class SB_Instagram_Parse {
18
+
19
  /**
20
  * @param $post array
21
  *
35
  * @since 2.0/5.0
36
  */
37
  public static function get_account_type( $post ) {
38
+ if ( isset( $post['media_type'] ) ) {
39
  return 'business';
40
  } else {
41
  return 'personal';
53
  $timestamp = 0;
54
  if ( isset( $post['created_time'] ) ) {
55
  $timestamp = $post['created_time'];
56
+ } elseif ( isset( $post['timestamp'] ) ) {
57
  // some date formatting functions have trouble with the "T", "+", and extra zeroes added by Instagram
58
+ $remove_plus = trim( str_replace( array( 'T', '+', ' 0000' ), ' ', $post['timestamp'] ) );
59
+ $timestamp = strtotime( $remove_plus );
60
  }
61
 
62
  return $timestamp;
74
  return $post['type'];
75
  }
76
 
77
+ return strtolower( str_replace( '_ALBUM', '', $post['media_type'] ) );
78
  }
79
 
80
  /**
93
  }
94
 
95
  /**
96
+ * @param array $post
97
  * @param string $resolution
98
  *
99
  * @return string
102
  */
103
  public static function get_media_url( $post, $resolution = 'lightbox' ) {
104
  $account_type = isset( $post['images'] ) ? 'personal' : 'business';
105
+ $media_type = isset( $post['media_type'] ) ? $post['media_type'] : 'none';
106
 
107
  if ( $account_type === 'personal' ) {
108
  return $post['images']['standard_resolution']['url'];
109
  } else {
110
  if ( $media_type === 'CAROUSEL_ALBUM'
111
+ || $media_type === 'VIDEO'
112
+ || $media_type === 'OEMBED' ) {
113
  if ( isset( $post['thumbnail_url'] ) ) {
114
  return $post['thumbnail_url'];
115
  } elseif ( $media_type === 'CAROUSEL_ALBUM' && isset( $post['media_url'] ) ) {
116
  return $post['media_url'];
117
  } elseif ( isset( $post['children'] ) ) {
118
+ $i = 0;
119
  $full_size = '';
120
  foreach ( $post['children']['data'] as $carousel_item ) {
121
  if ( $carousel_item['media_type'] === 'IMAGE' && empty( $full_size ) ) {
127
  $full_size = $carousel_item['thumbnail_url'];
128
  } else {
129
  $media = trailingslashit( SBI_PLUGIN_URL ) . 'img/thumb-placeholder.png';
130
+ // attempt to get
131
+ $permalink = self::fix_permalink( self::get_permalink( $carousel_item ) );
132
+ $single = new SB_Instagram_Single( $permalink );
133
  $single->init();
134
  $carousel_item_post = $single->get_post();
135
 
149
  if ( ! class_exists( 'SB_Instagram_Single' ) ) {
150
  return trailingslashit( SBI_PLUGIN_URL ) . 'img/thumb-placeholder.png';
151
  }
152
+ // attempt to get
153
+ $permalink = self::fix_permalink( self::get_permalink( $post ) );
154
+ $single = new SB_Instagram_Single( $permalink );
155
  $single->init();
156
  $post = $single->get_post();
157
 
200
  * @since 2.1.3/5.2.3 added 'd' element as a default backup from the API
201
  */
202
  public static function get_media_src_set( $post, $resized_images = array() ) {
203
+ $full_size = self::get_media_url( $post );
204
+ $media_urls = array(
205
+ 'd' => self::get_media_url( $post ),
206
  '150' => '',
207
  '320' => '',
208
  '640' => ''
214
  $media_urls['320'] = $post['images']['low_resolution']['url'];
215
  $media_urls['640'] = $post['images']['standard_resolution']['url'];
216
  } else {
217
+ $post_id = self::get_post_id( $post );
218
 
219
  $media_urls['640'] = $full_size;
220
  $media_urls['150'] = $full_size;
222
 
223
  // use resized images if exists
224
  if ( isset( $resized_images[ $post_id ]['id'] )
225
+ && $resized_images[ $post_id ]['id'] !== 'pending'
226
+ && $resized_images[ $post_id ]['id'] !== 'video'
227
+ && $resized_images[ $post_id ]['id'] !== 'error' ) {
228
  if ( isset( $resized_images[ $post_id ]['sizes']['full'] ) ) {
229
  $media_urls['640'] = sbi_get_resized_uploads_url() . $resized_images[ $post_id ]['id'] . 'full.jpg';
230
  }
232
  $media_urls['320'] = sbi_get_resized_uploads_url() . $resized_images[ $post_id ]['id'] . 'low.jpg';
233
  }
234
  }
 
235
  }
236
 
237
  return $media_urls;
256
  $caption = $post['caption']['text'];
257
  }
258
 
259
+ $video_title = self::get_video_title( $post );
260
 
261
  if ( ! empty( $video_title ) ) {
262
+ $caption = $video_title . '. ' . $caption;
263
  }
264
 
265
  return $caption;
336
  } elseif ( isset( $header_data['data']['full_name'] ) ) {
337
  return $header_data['data']['full_name'];
338
  }
339
+ return self::get_username( $header_data );
340
  }
341
 
342
  /**
351
  */
352
  public static function get_bio( $header_data, $settings = array() ) {
353
  $customizer = $settings['customizer'];
354
+ if ( $customizer ) {
355
  return '{{$parent.getHeaderBio()}}';
356
+ } else {
357
  if ( ! empty( $settings['custombio'] ) ) {
358
  return $settings['custombio'];
359
  } elseif ( isset( $header_data['data']['bio'] ) ) {
360
  return $header_data['data']['bio'];
361
+ } elseif ( isset( $header_data['bio'] ) ) {
362
  return $header_data['bio'];
363
+ } elseif ( isset( $header_data['biography'] ) ) {
364
  return $header_data['biography'];
365
  }
366
  return '';
380
  public static function fix_permalink( $permalink ) {
381
  if ( substr_count( $permalink, '/' ) > 5 ) {
382
  $permalink_array = explode( '/', $permalink );
383
+ $perm_id = $permalink_array[ count( $permalink_array ) - 2 ];
384
+ $permalink = 'https://www.instagram.com/p/' . $perm_id . '/';
385
  }
386
  return $permalink;
387
 
418
  return strtolower( $post['media_product_type'] );
419
  }
420
 
421
+ // get media_type and permalink and search for reel in permalink.
422
+ $media_type = self::get_media_type( $post );
423
+ $permalink = self::get_permalink( $post );
424
+ if ( $media_type === 'video' && strpos( $permalink, 'https://www.instagram.com/reel/' ) !== false ) {
425
+ return 'reels';
426
+ }
427
+
428
  return 'feed';
429
  }
430
 
431
+ /**
432
  * Get the avatar URL from the API response
433
  *
434
  * @param array $account_info
inc/class-sb-instagram-settings.php CHANGED
@@ -323,6 +323,32 @@ class SB_Instagram_Settings {
323
  * @return mixed
324
  */
325
  public function filter_for_builder( $settings, $atts ) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
326
  if ( isset( $atts['ajaxtheme'] ) ) {
327
  $settings['ajaxtheme'] = $atts['ajaxtheme'] === 'true';
328
  } else {
323
  * @return mixed
324
  */
325
  public function filter_for_builder( $settings, $atts ) {
326
+
327
+ if ( ! isset( $atts['media'] ) ) {
328
+ if( isset( $settings['reelsposts'] ) ) {
329
+ $include_reels = $settings['reelsposts'] !== 'false' && ! empty( $settings['reelsposts'] ) ? true : false;
330
+ } else {
331
+ $include_reels = $settings['media'] === 'all' ? true : false;
332
+ $settings['reelsposts'] = $include_reels ? true : false;
333
+ }
334
+
335
+ $settings['media'] = $include_reels ? 'all' : array( 'photos', 'videos' );
336
+ } else {
337
+ $include_reels = $settings['media'] === 'all' && strpos( $settings['videotypes'], 'reels' ) !== false;
338
+ }
339
+
340
+ if ( ! isset( $atts['videotypes'] ) ) {
341
+
342
+ $video_types = array();
343
+ if ( $include_reels ) {
344
+ $video_types[] = 'reels';
345
+ $video_types[] = 'regular';
346
+ } else {
347
+ $video_types[] = 'regular';
348
+ }
349
+ $settings['videotypes'] = implode( ',', $video_types );
350
+ }
351
+
352
  if ( isset( $atts['ajaxtheme'] ) ) {
353
  $settings['ajaxtheme'] = $atts['ajaxtheme'] === 'true';
354
  } else {
instagram-feed.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Smash Balloon Instagram Feed
4
  Plugin URI: https://smashballoon.com/instagram-feed
5
  Description: Display beautifully clean, customizable, and responsive Instagram feeds.
6
- Version: 6.0.8
7
  Author: Smash Balloon
8
  Author URI: https://smashballoon.com/
9
  License: GPLv2 or later
@@ -32,7 +32,7 @@ if ( ! defined( 'SBI_PLUGIN_NAME' ) ) {
32
  define( 'SBI_PLUGIN_NAME', 'Instagram Feed Free' );
33
  }
34
  if ( ! defined( 'SBIVER' ) ) {
35
- define( 'SBIVER', '6.0.8' );
36
  }
37
  // Db version.
38
  if ( ! defined( 'SBI_DBVERSION' ) ) {
3
  Plugin Name: Smash Balloon Instagram Feed
4
  Plugin URI: https://smashballoon.com/instagram-feed
5
  Description: Display beautifully clean, customizable, and responsive Instagram feeds.
6
+ Version: 6.1
7
  Author: Smash Balloon
8
  Author URI: https://smashballoon.com/
9
  License: GPLv2 or later
32
  define( 'SBI_PLUGIN_NAME', 'Instagram Feed Free' );
33
  }
34
  if ( ! defined( 'SBIVER' ) ) {
35
+ define( 'SBIVER', '6.1' );
36
  }
37
  // Db version.
38
  if ( ! defined( 'SBI_DBVERSION' ) ) {
js/vue.min.js ADDED
@@ -0,0 +1,6 @@
 
 
 
 
 
 
1
+ /*!
2
+ * Vue.js v2.6.12
3
+ * (c) 2014-2020 Evan You
4
+ * Released under the MIT License.
5
+ */
6
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Vue=t()}(this,function(){"use strict";var e=Object.freeze({});function t(e){return null==e}function n(e){return null!=e}function r(e){return!0===e}function i(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function o(e){return null!==e&&"object"==typeof e}var a=Object.prototype.toString;function s(e){return"[object Object]"===a.call(e)}function c(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}function u(e){return n(e)&&"function"==typeof e.then&&"function"==typeof e.catch}function l(e){return null==e?"":Array.isArray(e)||s(e)&&e.toString===a?JSON.stringify(e,null,2):String(e)}function f(e){var t=parseFloat(e);return isNaN(t)?e:t}function p(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return t?function(e){return n[e.toLowerCase()]}:function(e){return n[e]}}var d=p("slot,component",!0),v=p("key,ref,slot,slot-scope,is");function h(e,t){if(e.length){var n=e.indexOf(t);if(n>-1)return e.splice(n,1)}}var m=Object.prototype.hasOwnProperty;function y(e,t){return m.call(e,t)}function g(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}var _=/-(\w)/g,b=g(function(e){return e.replace(_,function(e,t){return t?t.toUpperCase():""})}),$=g(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),w=/\B([A-Z])/g,C=g(function(e){return e.replace(w,"-$1").toLowerCase()});var x=Function.prototype.bind?function(e,t){return e.bind(t)}:function(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n};function k(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function A(e,t){for(var n in t)e[n]=t[n];return e}function O(e){for(var t={},n=0;n<e.length;n++)e[n]&&A(t,e[n]);return t}function S(e,t,n){}var T=function(e,t,n){return!1},E=function(e){return e};function N(e,t){if(e===t)return!0;var n=o(e),r=o(t);if(!n||!r)return!n&&!r&&String(e)===String(t);try{var i=Array.isArray(e),a=Array.isArray(t);if(i&&a)return e.length===t.length&&e.every(function(e,n){return N(e,t[n])});if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(i||a)return!1;var s=Object.keys(e),c=Object.keys(t);return s.length===c.length&&s.every(function(n){return N(e[n],t[n])})}catch(e){return!1}}function j(e,t){for(var n=0;n<e.length;n++)if(N(e[n],t))return n;return-1}function D(e){var t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}var L="data-server-rendered",M=["component","directive","filter"],I=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured","serverPrefetch"],F={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:T,isReservedAttr:T,isUnknownElement:T,getTagNamespace:S,parsePlatformTagName:E,mustUseProp:T,async:!0,_lifecycleHooks:I},P=/a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/;function R(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}var H=new RegExp("[^"+P.source+".$_\\d]");var B,U="__proto__"in{},z="undefined"!=typeof window,V="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,K=V&&WXEnvironment.platform.toLowerCase(),J=z&&window.navigator.userAgent.toLowerCase(),q=J&&/msie|trident/.test(J),W=J&&J.indexOf("msie 9.0")>0,Z=J&&J.indexOf("edge/")>0,G=(J&&J.indexOf("android"),J&&/iphone|ipad|ipod|ios/.test(J)||"ios"===K),X=(J&&/chrome\/\d+/.test(J),J&&/phantomjs/.test(J),J&&J.match(/firefox\/(\d+)/)),Y={}.watch,Q=!1;if(z)try{var ee={};Object.defineProperty(ee,"passive",{get:function(){Q=!0}}),window.addEventListener("test-passive",null,ee)}catch(e){}var te=function(){return void 0===B&&(B=!z&&!V&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),B},ne=z&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function re(e){return"function"==typeof e&&/native code/.test(e.toString())}var ie,oe="undefined"!=typeof Symbol&&re(Symbol)&&"undefined"!=typeof Reflect&&re(Reflect.ownKeys);ie="undefined"!=typeof Set&&re(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var ae=S,se=0,ce=function(){this.id=se++,this.subs=[]};ce.prototype.addSub=function(e){this.subs.push(e)},ce.prototype.removeSub=function(e){h(this.subs,e)},ce.prototype.depend=function(){ce.target&&ce.target.addDep(this)},ce.prototype.notify=function(){for(var e=this.subs.slice(),t=0,n=e.length;t<n;t++)e[t].update()},ce.target=null;var ue=[];function le(e){ue.push(e),ce.target=e}function fe(){ue.pop(),ce.target=ue[ue.length-1]}var pe=function(e,t,n,r,i,o,a,s){this.tag=e,this.data=t,this.children=n,this.text=r,this.elm=i,this.ns=void 0,this.context=o,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=t&&t.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1},de={child:{configurable:!0}};de.child.get=function(){return this.componentInstance},Object.defineProperties(pe.prototype,de);var ve=function(e){void 0===e&&(e="");var t=new pe;return t.text=e,t.isComment=!0,t};function he(e){return new pe(void 0,void 0,void 0,String(e))}function me(e){var t=new pe(e.tag,e.data,e.children&&e.children.slice(),e.text,e.elm,e.context,e.componentOptions,e.asyncFactory);return t.ns=e.ns,t.isStatic=e.isStatic,t.key=e.key,t.isComment=e.isComment,t.fnContext=e.fnContext,t.fnOptions=e.fnOptions,t.fnScopeId=e.fnScopeId,t.asyncMeta=e.asyncMeta,t.isCloned=!0,t}var ye=Array.prototype,ge=Object.create(ye);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(e){var t=ye[e];R(ge,e,function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];var i,o=t.apply(this,n),a=this.__ob__;switch(e){case"push":case"unshift":i=n;break;case"splice":i=n.slice(2)}return i&&a.observeArray(i),a.dep.notify(),o})});var _e=Object.getOwnPropertyNames(ge),be=!0;function $e(e){be=e}var we=function(e){var t;this.value=e,this.dep=new ce,this.vmCount=0,R(e,"__ob__",this),Array.isArray(e)?(U?(t=ge,e.__proto__=t):function(e,t,n){for(var r=0,i=n.length;r<i;r++){var o=n[r];R(e,o,t[o])}}(e,ge,_e),this.observeArray(e)):this.walk(e)};function Ce(e,t){var n;if(o(e)&&!(e instanceof pe))return y(e,"__ob__")&&e.__ob__ instanceof we?n=e.__ob__:be&&!te()&&(Array.isArray(e)||s(e))&&Object.isExtensible(e)&&!e._isVue&&(n=new we(e)),t&&n&&n.vmCount++,n}function xe(e,t,n,r,i){var o=new ce,a=Object.getOwnPropertyDescriptor(e,t);if(!a||!1!==a.configurable){var s=a&&a.get,c=a&&a.set;s&&!c||2!==arguments.length||(n=e[t]);var u=!i&&Ce(n);Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var t=s?s.call(e):n;return ce.target&&(o.depend(),u&&(u.dep.depend(),Array.isArray(t)&&function e(t){for(var n=void 0,r=0,i=t.length;r<i;r++)(n=t[r])&&n.__ob__&&n.__ob__.dep.depend(),Array.isArray(n)&&e(n)}(t))),t},set:function(t){var r=s?s.call(e):n;t===r||t!=t&&r!=r||s&&!c||(c?c.call(e,t):n=t,u=!i&&Ce(t),o.notify())}})}}function ke(e,t,n){if(Array.isArray(e)&&c(t))return e.length=Math.max(e.length,t),e.splice(t,1,n),n;if(t in e&&!(t in Object.prototype))return e[t]=n,n;var r=e.__ob__;return e._isVue||r&&r.vmCount?n:r?(xe(r.value,t,n),r.dep.notify(),n):(e[t]=n,n)}function Ae(e,t){if(Array.isArray(e)&&c(t))e.splice(t,1);else{var n=e.__ob__;e._isVue||n&&n.vmCount||y(e,t)&&(delete e[t],n&&n.dep.notify())}}we.prototype.walk=function(e){for(var t=Object.keys(e),n=0;n<t.length;n++)xe(e,t[n])},we.prototype.observeArray=function(e){for(var t=0,n=e.length;t<n;t++)Ce(e[t])};var Oe=F.optionMergeStrategies;function Se(e,t){if(!t)return e;for(var n,r,i,o=oe?Reflect.ownKeys(t):Object.keys(t),a=0;a<o.length;a++)"__ob__"!==(n=o[a])&&(r=e[n],i=t[n],y(e,n)?r!==i&&s(r)&&s(i)&&Se(r,i):ke(e,n,i));return e}function Te(e,t,n){return n?function(){var r="function"==typeof t?t.call(n,n):t,i="function"==typeof e?e.call(n,n):e;return r?Se(r,i):i}:t?e?function(){return Se("function"==typeof t?t.call(this,this):t,"function"==typeof e?e.call(this,this):e)}:t:e}function Ee(e,t){var n=t?e?e.concat(t):Array.isArray(t)?t:[t]:e;return n?function(e){for(var t=[],n=0;n<e.length;n++)-1===t.indexOf(e[n])&&t.push(e[n]);return t}(n):n}function Ne(e,t,n,r){var i=Object.create(e||null);return t?A(i,t):i}Oe.data=function(e,t,n){return n?Te(e,t,n):t&&"function"!=typeof t?e:Te(e,t)},I.forEach(function(e){Oe[e]=Ee}),M.forEach(function(e){Oe[e+"s"]=Ne}),Oe.watch=function(e,t,n,r){if(e===Y&&(e=void 0),t===Y&&(t=void 0),!t)return Object.create(e||null);if(!e)return t;var i={};for(var o in A(i,e),t){var a=i[o],s=t[o];a&&!Array.isArray(a)&&(a=[a]),i[o]=a?a.concat(s):Array.isArray(s)?s:[s]}return i},Oe.props=Oe.methods=Oe.inject=Oe.computed=function(e,t,n,r){if(!e)return t;var i=Object.create(null);return A(i,e),t&&A(i,t),i},Oe.provide=Te;var je=function(e,t){return void 0===t?e:t};function De(e,t,n){if("function"==typeof t&&(t=t.options),function(e,t){var n=e.props;if(n){var r,i,o={};if(Array.isArray(n))for(r=n.length;r--;)"string"==typeof(i=n[r])&&(o[b(i)]={type:null});else if(s(n))for(var a in n)i=n[a],o[b(a)]=s(i)?i:{type:i};e.props=o}}(t),function(e,t){var n=e.inject;if(n){var r=e.inject={};if(Array.isArray(n))for(var i=0;i<n.length;i++)r[n[i]]={from:n[i]};else if(s(n))for(var o in n){var a=n[o];r[o]=s(a)?A({from:o},a):{from:a}}}}(t),function(e){var t=e.directives;if(t)for(var n in t){var r=t[n];"function"==typeof r&&(t[n]={bind:r,update:r})}}(t),!t._base&&(t.extends&&(e=De(e,t.extends,n)),t.mixins))for(var r=0,i=t.mixins.length;r<i;r++)e=De(e,t.mixins[r],n);var o,a={};for(o in e)c(o);for(o in t)y(e,o)||c(o);function c(r){var i=Oe[r]||je;a[r]=i(e[r],t[r],n,r)}return a}function Le(e,t,n,r){if("string"==typeof n){var i=e[t];if(y(i,n))return i[n];var o=b(n);if(y(i,o))return i[o];var a=$(o);return y(i,a)?i[a]:i[n]||i[o]||i[a]}}function Me(e,t,n,r){var i=t[e],o=!y(n,e),a=n[e],s=Pe(Boolean,i.type);if(s>-1)if(o&&!y(i,"default"))a=!1;else if(""===a||a===C(e)){var c=Pe(String,i.type);(c<0||s<c)&&(a=!0)}if(void 0===a){a=function(e,t,n){if(!y(t,"default"))return;var r=t.default;if(e&&e.$options.propsData&&void 0===e.$options.propsData[n]&&void 0!==e._props[n])return e._props[n];return"function"==typeof r&&"Function"!==Ie(t.type)?r.call(e):r}(r,i,e);var u=be;$e(!0),Ce(a),$e(u)}return a}function Ie(e){var t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:""}function Fe(e,t){return Ie(e)===Ie(t)}function Pe(e,t){if(!Array.isArray(t))return Fe(t,e)?0:-1;for(var n=0,r=t.length;n<r;n++)if(Fe(t[n],e))return n;return-1}function Re(e,t,n){le();try{if(t)for(var r=t;r=r.$parent;){var i=r.$options.errorCaptured;if(i)for(var o=0;o<i.length;o++)try{if(!1===i[o].call(r,e,t,n))return}catch(e){Be(e,r,"errorCaptured hook")}}Be(e,t,n)}finally{fe()}}function He(e,t,n,r,i){var o;try{(o=n?e.apply(t,n):e.call(t))&&!o._isVue&&u(o)&&!o._handled&&(o.catch(function(e){return Re(e,r,i+" (Promise/async)")}),o._handled=!0)}catch(e){Re(e,r,i)}return o}function Be(e,t,n){if(F.errorHandler)try{return F.errorHandler.call(null,e,t,n)}catch(t){t!==e&&Ue(t,null,"config.errorHandler")}Ue(e,t,n)}function Ue(e,t,n){if(!z&&!V||"undefined"==typeof console)throw e;console.error(e)}var ze,Ve=!1,Ke=[],Je=!1;function qe(){Je=!1;var e=Ke.slice(0);Ke.length=0;for(var t=0;t<e.length;t++)e[t]()}if("undefined"!=typeof Promise&&re(Promise)){var We=Promise.resolve();ze=function(){We.then(qe),G&&setTimeout(S)},Ve=!0}else if(q||"undefined"==typeof MutationObserver||!re(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())ze="undefined"!=typeof setImmediate&&re(setImmediate)?function(){setImmediate(qe)}:function(){setTimeout(qe,0)};else{var Ze=1,Ge=new MutationObserver(qe),Xe=document.createTextNode(String(Ze));Ge.observe(Xe,{characterData:!0}),ze=function(){Ze=(Ze+1)%2,Xe.data=String(Ze)},Ve=!0}function Ye(e,t){var n;if(Ke.push(function(){if(e)try{e.call(t)}catch(e){Re(e,t,"nextTick")}else n&&n(t)}),Je||(Je=!0,ze()),!e&&"undefined"!=typeof Promise)return new Promise(function(e){n=e})}var Qe=new ie;function et(e){!function e(t,n){var r,i;var a=Array.isArray(t);if(!a&&!o(t)||Object.isFrozen(t)||t instanceof pe)return;if(t.__ob__){var s=t.__ob__.dep.id;if(n.has(s))return;n.add(s)}if(a)for(r=t.length;r--;)e(t[r],n);else for(i=Object.keys(t),r=i.length;r--;)e(t[i[r]],n)}(e,Qe),Qe.clear()}var tt=g(function(e){var t="&"===e.charAt(0),n="~"===(e=t?e.slice(1):e).charAt(0),r="!"===(e=n?e.slice(1):e).charAt(0);return{name:e=r?e.slice(1):e,once:n,capture:r,passive:t}});function nt(e,t){function n(){var e=arguments,r=n.fns;if(!Array.isArray(r))return He(r,null,arguments,t,"v-on handler");for(var i=r.slice(),o=0;o<i.length;o++)He(i[o],null,e,t,"v-on handler")}return n.fns=e,n}function rt(e,n,i,o,a,s){var c,u,l,f;for(c in e)u=e[c],l=n[c],f=tt(c),t(u)||(t(l)?(t(u.fns)&&(u=e[c]=nt(u,s)),r(f.once)&&(u=e[c]=a(f.name,u,f.capture)),i(f.name,u,f.capture,f.passive,f.params)):u!==l&&(l.fns=u,e[c]=l));for(c in n)t(e[c])&&o((f=tt(c)).name,n[c],f.capture)}function it(e,i,o){var a;e instanceof pe&&(e=e.data.hook||(e.data.hook={}));var s=e[i];function c(){o.apply(this,arguments),h(a.fns,c)}t(s)?a=nt([c]):n(s.fns)&&r(s.merged)?(a=s).fns.push(c):a=nt([s,c]),a.merged=!0,e[i]=a}function ot(e,t,r,i,o){if(n(t)){if(y(t,r))return e[r]=t[r],o||delete t[r],!0;if(y(t,i))return e[r]=t[i],o||delete t[i],!0}return!1}function at(e){return i(e)?[he(e)]:Array.isArray(e)?function e(o,a){var s=[];var c,u,l,f;for(c=0;c<o.length;c++)t(u=o[c])||"boolean"==typeof u||(l=s.length-1,f=s[l],Array.isArray(u)?u.length>0&&(st((u=e(u,(a||"")+"_"+c))[0])&&st(f)&&(s[l]=he(f.text+u[0].text),u.shift()),s.push.apply(s,u)):i(u)?st(f)?s[l]=he(f.text+u):""!==u&&s.push(he(u)):st(u)&&st(f)?s[l]=he(f.text+u.text):(r(o._isVList)&&n(u.tag)&&t(u.key)&&n(a)&&(u.key="__vlist"+a+"_"+c+"__"),s.push(u)));return s}(e):void 0}function st(e){return n(e)&&n(e.text)&&!1===e.isComment}function ct(e,t){if(e){for(var n=Object.create(null),r=oe?Reflect.ownKeys(e):Object.keys(e),i=0;i<r.length;i++){var o=r[i];if("__ob__"!==o){for(var a=e[o].from,s=t;s;){if(s._provided&&y(s._provided,a)){n[o]=s._provided[a];break}s=s.$parent}if(!s&&"default"in e[o]){var c=e[o].default;n[o]="function"==typeof c?c.call(t):c}}}return n}}function ut(e,t){if(!e||!e.length)return{};for(var n={},r=0,i=e.length;r<i;r++){var o=e[r],a=o.data;if(a&&a.attrs&&a.attrs.slot&&delete a.attrs.slot,o.context!==t&&o.fnContext!==t||!a||null==a.slot)(n.default||(n.default=[])).push(o);else{var s=a.slot,c=n[s]||(n[s]=[]);"template"===o.tag?c.push.apply(c,o.children||[]):c.push(o)}}for(var u in n)n[u].every(lt)&&delete n[u];return n}function lt(e){return e.isComment&&!e.asyncFactory||" "===e.text}function ft(t,n,r){var i,o=Object.keys(n).length>0,a=t?!!t.$stable:!o,s=t&&t.$key;if(t){if(t._normalized)return t._normalized;if(a&&r&&r!==e&&s===r.$key&&!o&&!r.$hasNormal)return r;for(var c in i={},t)t[c]&&"$"!==c[0]&&(i[c]=pt(n,c,t[c]))}else i={};for(var u in n)u in i||(i[u]=dt(n,u));return t&&Object.isExtensible(t)&&(t._normalized=i),R(i,"$stable",a),R(i,"$key",s),R(i,"$hasNormal",o),i}function pt(e,t,n){var r=function(){var e=arguments.length?n.apply(null,arguments):n({});return(e=e&&"object"==typeof e&&!Array.isArray(e)?[e]:at(e))&&(0===e.length||1===e.length&&e[0].isComment)?void 0:e};return n.proxy&&Object.defineProperty(e,t,{get:r,enumerable:!0,configurable:!0}),r}function dt(e,t){return function(){return e[t]}}function vt(e,t){var r,i,a,s,c;if(Array.isArray(e)||"string"==typeof e)for(r=new Array(e.length),i=0,a=e.length;i<a;i++)r[i]=t(e[i],i);else if("number"==typeof e)for(r=new Array(e),i=0;i<e;i++)r[i]=t(i+1,i);else if(o(e))if(oe&&e[Symbol.iterator]){r=[];for(var u=e[Symbol.iterator](),l=u.next();!l.done;)r.push(t(l.value,r.length)),l=u.next()}else for(s=Object.keys(e),r=new Array(s.length),i=0,a=s.length;i<a;i++)c=s[i],r[i]=t(e[c],c,i);return n(r)||(r=[]),r._isVList=!0,r}function ht(e,t,n,r){var i,o=this.$scopedSlots[e];o?(n=n||{},r&&(n=A(A({},r),n)),i=o(n)||t):i=this.$slots[e]||t;var a=n&&n.slot;return a?this.$createElement("template",{slot:a},i):i}function mt(e){return Le(this.$options,"filters",e)||E}function yt(e,t){return Array.isArray(e)?-1===e.indexOf(t):e!==t}function gt(e,t,n,r,i){var o=F.keyCodes[t]||n;return i&&r&&!F.keyCodes[t]?yt(i,r):o?yt(o,e):r?C(r)!==t:void 0}function _t(e,t,n,r,i){if(n)if(o(n)){var a;Array.isArray(n)&&(n=O(n));var s=function(o){if("class"===o||"style"===o||v(o))a=e;else{var s=e.attrs&&e.attrs.type;a=r||F.mustUseProp(t,s,o)?e.domProps||(e.domProps={}):e.attrs||(e.attrs={})}var c=b(o),u=C(o);c in a||u in a||(a[o]=n[o],i&&((e.on||(e.on={}))["update:"+o]=function(e){n[o]=e}))};for(var c in n)s(c)}else;return e}function bt(e,t){var n=this._staticTrees||(this._staticTrees=[]),r=n[e];return r&&!t?r:(wt(r=n[e]=this.$options.staticRenderFns[e].call(this._renderProxy,null,this),"__static__"+e,!1),r)}function $t(e,t,n){return wt(e,"__once__"+t+(n?"_"+n:""),!0),e}function wt(e,t,n){if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r]&&"string"!=typeof e[r]&&Ct(e[r],t+"_"+r,n);else Ct(e,t,n)}function Ct(e,t,n){e.isStatic=!0,e.key=t,e.isOnce=n}function xt(e,t){if(t)if(s(t)){var n=e.on=e.on?A({},e.on):{};for(var r in t){var i=n[r],o=t[r];n[r]=i?[].concat(i,o):o}}else;return e}function kt(e,t,n,r){t=t||{$stable:!n};for(var i=0;i<e.length;i++){var o=e[i];Array.isArray(o)?kt(o,t,n):o&&(o.proxy&&(o.fn.proxy=!0),t[o.key]=o.fn)}return r&&(t.$key=r),t}function At(e,t){for(var n=0;n<t.length;n+=2){var r=t[n];"string"==typeof r&&r&&(e[t[n]]=t[n+1])}return e}function Ot(e,t){return"string"==typeof e?t+e:e}function St(e){e._o=$t,e._n=f,e._s=l,e._l=vt,e._t=ht,e._q=N,e._i=j,e._m=bt,e._f=mt,e._k=gt,e._b=_t,e._v=he,e._e=ve,e._u=kt,e._g=xt,e._d=At,e._p=Ot}function Tt(t,n,i,o,a){var s,c=this,u=a.options;y(o,"_uid")?(s=Object.create(o))._original=o:(s=o,o=o._original);var l=r(u._compiled),f=!l;this.data=t,this.props=n,this.children=i,this.parent=o,this.listeners=t.on||e,this.injections=ct(u.inject,o),this.slots=function(){return c.$slots||ft(t.scopedSlots,c.$slots=ut(i,o)),c.$slots},Object.defineProperty(this,"scopedSlots",{enumerable:!0,get:function(){return ft(t.scopedSlots,this.slots())}}),l&&(this.$options=u,this.$slots=this.slots(),this.$scopedSlots=ft(t.scopedSlots,this.$slots)),u._scopeId?this._c=function(e,t,n,r){var i=Pt(s,e,t,n,r,f);return i&&!Array.isArray(i)&&(i.fnScopeId=u._scopeId,i.fnContext=o),i}:this._c=function(e,t,n,r){return Pt(s,e,t,n,r,f)}}function Et(e,t,n,r,i){var o=me(e);return o.fnContext=n,o.fnOptions=r,t.slot&&((o.data||(o.data={})).slot=t.slot),o}function Nt(e,t){for(var n in t)e[b(n)]=t[n]}St(Tt.prototype);var jt={init:function(e,t){if(e.componentInstance&&!e.componentInstance._isDestroyed&&e.data.keepAlive){var r=e;jt.prepatch(r,r)}else{(e.componentInstance=function(e,t){var r={_isComponent:!0,_parentVnode:e,parent:t},i=e.data.inlineTemplate;n(i)&&(r.render=i.render,r.staticRenderFns=i.staticRenderFns);return new e.componentOptions.Ctor(r)}(e,Wt)).$mount(t?e.elm:void 0,t)}},prepatch:function(t,n){var r=n.componentOptions;!function(t,n,r,i,o){var a=i.data.scopedSlots,s=t.$scopedSlots,c=!!(a&&!a.$stable||s!==e&&!s.$stable||a&&t.$scopedSlots.$key!==a.$key),u=!!(o||t.$options._renderChildren||c);t.$options._parentVnode=i,t.$vnode=i,t._vnode&&(t._vnode.parent=i);if(t.$options._renderChildren=o,t.$attrs=i.data.attrs||e,t.$listeners=r||e,n&&t.$options.props){$e(!1);for(var l=t._props,f=t.$options._propKeys||[],p=0;p<f.length;p++){var d=f[p],v=t.$options.props;l[d]=Me(d,v,n,t)}$e(!0),t.$options.propsData=n}r=r||e;var h=t.$options._parentListeners;t.$options._parentListeners=r,qt(t,r,h),u&&(t.$slots=ut(o,i.context),t.$forceUpdate())}(n.componentInstance=t.componentInstance,r.propsData,r.listeners,n,r.children)},insert:function(e){var t,n=e.context,r=e.componentInstance;r._isMounted||(r._isMounted=!0,Yt(r,"mounted")),e.data.keepAlive&&(n._isMounted?((t=r)._inactive=!1,en.push(t)):Xt(r,!0))},destroy:function(e){var t=e.componentInstance;t._isDestroyed||(e.data.keepAlive?function e(t,n){if(n&&(t._directInactive=!0,Gt(t)))return;if(!t._inactive){t._inactive=!0;for(var r=0;r<t.$children.length;r++)e(t.$children[r]);Yt(t,"deactivated")}}(t,!0):t.$destroy())}},Dt=Object.keys(jt);function Lt(i,a,s,c,l){if(!t(i)){var f=s.$options._base;if(o(i)&&(i=f.extend(i)),"function"==typeof i){var p;if(t(i.cid)&&void 0===(i=function(e,i){if(r(e.error)&&n(e.errorComp))return e.errorComp;if(n(e.resolved))return e.resolved;var a=Ht;a&&n(e.owners)&&-1===e.owners.indexOf(a)&&e.owners.push(a);if(r(e.loading)&&n(e.loadingComp))return e.loadingComp;if(a&&!n(e.owners)){var s=e.owners=[a],c=!0,l=null,f=null;a.$on("hook:destroyed",function(){return h(s,a)});var p=function(e){for(var t=0,n=s.length;t<n;t++)s[t].$forceUpdate();e&&(s.length=0,null!==l&&(clearTimeout(l),l=null),null!==f&&(clearTimeout(f),f=null))},d=D(function(t){e.resolved=Bt(t,i),c?s.length=0:p(!0)}),v=D(function(t){n(e.errorComp)&&(e.error=!0,p(!0))}),m=e(d,v);return o(m)&&(u(m)?t(e.resolved)&&m.then(d,v):u(m.component)&&(m.component.then(d,v),n(m.error)&&(e.errorComp=Bt(m.error,i)),n(m.loading)&&(e.loadingComp=Bt(m.loading,i),0===m.delay?e.loading=!0:l=setTimeout(function(){l=null,t(e.resolved)&&t(e.error)&&(e.loading=!0,p(!1))},m.delay||200)),n(m.timeout)&&(f=setTimeout(function(){f=null,t(e.resolved)&&v(null)},m.timeout)))),c=!1,e.loading?e.loadingComp:e.resolved}}(p=i,f)))return function(e,t,n,r,i){var o=ve();return o.asyncFactory=e,o.asyncMeta={data:t,context:n,children:r,tag:i},o}(p,a,s,c,l);a=a||{},$n(i),n(a.model)&&function(e,t){var r=e.model&&e.model.prop||"value",i=e.model&&e.model.event||"input";(t.attrs||(t.attrs={}))[r]=t.model.value;var o=t.on||(t.on={}),a=o[i],s=t.model.callback;n(a)?(Array.isArray(a)?-1===a.indexOf(s):a!==s)&&(o[i]=[s].concat(a)):o[i]=s}(i.options,a);var d=function(e,r,i){var o=r.options.props;if(!t(o)){var a={},s=e.attrs,c=e.props;if(n(s)||n(c))for(var u in o){var l=C(u);ot(a,c,u,l,!0)||ot(a,s,u,l,!1)}return a}}(a,i);if(r(i.options.functional))return function(t,r,i,o,a){var s=t.options,c={},u=s.props;if(n(u))for(var l in u)c[l]=Me(l,u,r||e);else n(i.attrs)&&Nt(c,i.attrs),n(i.props)&&Nt(c,i.props);var f=new Tt(i,c,a,o,t),p=s.render.call(null,f._c,f);if(p instanceof pe)return Et(p,i,f.parent,s);if(Array.isArray(p)){for(var d=at(p)||[],v=new Array(d.length),h=0;h<d.length;h++)v[h]=Et(d[h],i,f.parent,s);return v}}(i,d,a,s,c);var v=a.on;if(a.on=a.nativeOn,r(i.options.abstract)){var m=a.slot;a={},m&&(a.slot=m)}!function(e){for(var t=e.hook||(e.hook={}),n=0;n<Dt.length;n++){var r=Dt[n],i=t[r],o=jt[r];i===o||i&&i._merged||(t[r]=i?Mt(o,i):o)}}(a);var y=i.options.name||l;return new pe("vue-component-"+i.cid+(y?"-"+y:""),a,void 0,void 0,void 0,s,{Ctor:i,propsData:d,listeners:v,tag:l,children:c},p)}}}function Mt(e,t){var n=function(n,r){e(n,r),t(n,r)};return n._merged=!0,n}var It=1,Ft=2;function Pt(e,a,s,c,u,l){return(Array.isArray(s)||i(s))&&(u=c,c=s,s=void 0),r(l)&&(u=Ft),function(e,i,a,s,c){if(n(a)&&n(a.__ob__))return ve();n(a)&&n(a.is)&&(i=a.is);if(!i)return ve();Array.isArray(s)&&"function"==typeof s[0]&&((a=a||{}).scopedSlots={default:s[0]},s.length=0);c===Ft?s=at(s):c===It&&(s=function(e){for(var t=0;t<e.length;t++)if(Array.isArray(e[t]))return Array.prototype.concat.apply([],e);return e}(s));var u,l;if("string"==typeof i){var f;l=e.$vnode&&e.$vnode.ns||F.getTagNamespace(i),u=F.isReservedTag(i)?new pe(F.parsePlatformTagName(i),a,s,void 0,void 0,e):a&&a.pre||!n(f=Le(e.$options,"components",i))?new pe(i,a,s,void 0,void 0,e):Lt(f,a,e,s,i)}else u=Lt(i,a,e,s);return Array.isArray(u)?u:n(u)?(n(l)&&function e(i,o,a){i.ns=o;"foreignObject"===i.tag&&(o=void 0,a=!0);if(n(i.children))for(var s=0,c=i.children.length;s<c;s++){var u=i.children[s];n(u.tag)&&(t(u.ns)||r(a)&&"svg"!==u.tag)&&e(u,o,a)}}(u,l),n(a)&&function(e){o(e.style)&&et(e.style);o(e.class)&&et(e.class)}(a),u):ve()}(e,a,s,c,u)}var Rt,Ht=null;function Bt(e,t){return(e.__esModule||oe&&"Module"===e[Symbol.toStringTag])&&(e=e.default),o(e)?t.extend(e):e}function Ut(e){return e.isComment&&e.asyncFactory}function zt(e){if(Array.isArray(e))for(var t=0;t<e.length;t++){var r=e[t];if(n(r)&&(n(r.componentOptions)||Ut(r)))return r}}function Vt(e,t){Rt.$on(e,t)}function Kt(e,t){Rt.$off(e,t)}function Jt(e,t){var n=Rt;return function r(){null!==t.apply(null,arguments)&&n.$off(e,r)}}function qt(e,t,n){Rt=e,rt(t,n||{},Vt,Kt,Jt,e),Rt=void 0}var Wt=null;function Zt(e){var t=Wt;return Wt=e,function(){Wt=t}}function Gt(e){for(;e&&(e=e.$parent);)if(e._inactive)return!0;return!1}function Xt(e,t){if(t){if(e._directInactive=!1,Gt(e))return}else if(e._directInactive)return;if(e._inactive||null===e._inactive){e._inactive=!1;for(var n=0;n<e.$children.length;n++)Xt(e.$children[n]);Yt(e,"activated")}}function Yt(e,t){le();var n=e.$options[t],r=t+" hook";if(n)for(var i=0,o=n.length;i<o;i++)He(n[i],e,null,e,r);e._hasHookEvent&&e.$emit("hook:"+t),fe()}var Qt=[],en=[],tn={},nn=!1,rn=!1,on=0;var an=0,sn=Date.now;if(z&&!q){var cn=window.performance;cn&&"function"==typeof cn.now&&sn()>document.createEvent("Event").timeStamp&&(sn=function(){return cn.now()})}function un(){var e,t;for(an=sn(),rn=!0,Qt.sort(function(e,t){return e.id-t.id}),on=0;on<Qt.length;on++)(e=Qt[on]).before&&e.before(),t=e.id,tn[t]=null,e.run();var n=en.slice(),r=Qt.slice();on=Qt.length=en.length=0,tn={},nn=rn=!1,function(e){for(var t=0;t<e.length;t++)e[t]._inactive=!0,Xt(e[t],!0)}(n),function(e){var t=e.length;for(;t--;){var n=e[t],r=n.vm;r._watcher===n&&r._isMounted&&!r._isDestroyed&&Yt(r,"updated")}}(r),ne&&F.devtools&&ne.emit("flush")}var ln=0,fn=function(e,t,n,r,i){this.vm=e,i&&(e._watcher=this),e._watchers.push(this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync,this.before=r.before):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++ln,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new ie,this.newDepIds=new ie,this.expression="","function"==typeof t?this.getter=t:(this.getter=function(e){if(!H.test(e)){var t=e.split(".");return function(e){for(var n=0;n<t.length;n++){if(!e)return;e=e[t[n]]}return e}}}(t),this.getter||(this.getter=S)),this.value=this.lazy?void 0:this.get()};fn.prototype.get=function(){var e;le(this);var t=this.vm;try{e=this.getter.call(t,t)}catch(e){if(!this.user)throw e;Re(e,t,'getter for watcher "'+this.expression+'"')}finally{this.deep&&et(e),fe(),this.cleanupDeps()}return e},fn.prototype.addDep=function(e){var t=e.id;this.newDepIds.has(t)||(this.newDepIds.add(t),this.newDeps.push(e),this.depIds.has(t)||e.addSub(this))},fn.prototype.cleanupDeps=function(){for(var e=this.deps.length;e--;){var t=this.deps[e];this.newDepIds.has(t.id)||t.removeSub(this)}var n=this.depIds;this.depIds=this.newDepIds,this.newDepIds=n,this.newDepIds.clear(),n=this.deps,this.deps=this.newDeps,this.newDeps=n,this.newDeps.length=0},fn.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():function(e){var t=e.id;if(null==tn[t]){if(tn[t]=!0,rn){for(var n=Qt.length-1;n>on&&Qt[n].id>e.id;)n--;Qt.splice(n+1,0,e)}else Qt.push(e);nn||(nn=!0,Ye(un))}}(this)},fn.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||o(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(e){Re(e,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,e,t)}}},fn.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},fn.prototype.depend=function(){for(var e=this.deps.length;e--;)this.deps[e].depend()},fn.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||h(this.vm._watchers,this);for(var e=this.deps.length;e--;)this.deps[e].removeSub(this);this.active=!1}};var pn={enumerable:!0,configurable:!0,get:S,set:S};function dn(e,t,n){pn.get=function(){return this[t][n]},pn.set=function(e){this[t][n]=e},Object.defineProperty(e,n,pn)}function vn(e){e._watchers=[];var t=e.$options;t.props&&function(e,t){var n=e.$options.propsData||{},r=e._props={},i=e.$options._propKeys=[];e.$parent&&$e(!1);var o=function(o){i.push(o);var a=Me(o,t,n,e);xe(r,o,a),o in e||dn(e,"_props",o)};for(var a in t)o(a);$e(!0)}(e,t.props),t.methods&&function(e,t){e.$options.props;for(var n in t)e[n]="function"!=typeof t[n]?S:x(t[n],e)}(e,t.methods),t.data?function(e){var t=e.$options.data;s(t=e._data="function"==typeof t?function(e,t){le();try{return e.call(t,t)}catch(e){return Re(e,t,"data()"),{}}finally{fe()}}(t,e):t||{})||(t={});var n=Object.keys(t),r=e.$options.props,i=(e.$options.methods,n.length);for(;i--;){var o=n[i];r&&y(r,o)||(a=void 0,36!==(a=(o+"").charCodeAt(0))&&95!==a&&dn(e,"_data",o))}var a;Ce(t,!0)}(e):Ce(e._data={},!0),t.computed&&function(e,t){var n=e._computedWatchers=Object.create(null),r=te();for(var i in t){var o=t[i],a="function"==typeof o?o:o.get;r||(n[i]=new fn(e,a||S,S,hn)),i in e||mn(e,i,o)}}(e,t.computed),t.watch&&t.watch!==Y&&function(e,t){for(var n in t){var r=t[n];if(Array.isArray(r))for(var i=0;i<r.length;i++)_n(e,n,r[i]);else _n(e,n,r)}}(e,t.watch)}var hn={lazy:!0};function mn(e,t,n){var r=!te();"function"==typeof n?(pn.get=r?yn(t):gn(n),pn.set=S):(pn.get=n.get?r&&!1!==n.cache?yn(t):gn(n.get):S,pn.set=n.set||S),Object.defineProperty(e,t,pn)}function yn(e){return function(){var t=this._computedWatchers&&this._computedWatchers[e];if(t)return t.dirty&&t.evaluate(),ce.target&&t.depend(),t.value}}function gn(e){return function(){return e.call(this,this)}}function _n(e,t,n,r){return s(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=e[n]),e.$watch(t,n,r)}var bn=0;function $n(e){var t=e.options;if(e.super){var n=$n(e.super);if(n!==e.superOptions){e.superOptions=n;var r=function(e){var t,n=e.options,r=e.sealedOptions;for(var i in n)n[i]!==r[i]&&(t||(t={}),t[i]=n[i]);return t}(e);r&&A(e.extendOptions,r),(t=e.options=De(n,e.extendOptions)).name&&(t.components[t.name]=e)}}return t}function wn(e){this._init(e)}function Cn(e){e.cid=0;var t=1;e.extend=function(e){e=e||{};var n=this,r=n.cid,i=e._Ctor||(e._Ctor={});if(i[r])return i[r];var o=e.name||n.options.name,a=function(e){this._init(e)};return(a.prototype=Object.create(n.prototype)).constructor=a,a.cid=t++,a.options=De(n.options,e),a.super=n,a.options.props&&function(e){var t=e.options.props;for(var n in t)dn(e.prototype,"_props",n)}(a),a.options.computed&&function(e){var t=e.options.computed;for(var n in t)mn(e.prototype,n,t[n])}(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,M.forEach(function(e){a[e]=n[e]}),o&&(a.options.components[o]=a),a.superOptions=n.options,a.extendOptions=e,a.sealedOptions=A({},a.options),i[r]=a,a}}function xn(e){return e&&(e.Ctor.options.name||e.tag)}function kn(e,t){return Array.isArray(e)?e.indexOf(t)>-1:"string"==typeof e?e.split(",").indexOf(t)>-1:(n=e,"[object RegExp]"===a.call(n)&&e.test(t));var n}function An(e,t){var n=e.cache,r=e.keys,i=e._vnode;for(var o in n){var a=n[o];if(a){var s=xn(a.componentOptions);s&&!t(s)&&On(n,o,r,i)}}}function On(e,t,n,r){var i=e[t];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),e[t]=null,h(n,t)}!function(t){t.prototype._init=function(t){var n=this;n._uid=bn++,n._isVue=!0,t&&t._isComponent?function(e,t){var n=e.$options=Object.create(e.constructor.options),r=t._parentVnode;n.parent=t.parent,n._parentVnode=r;var i=r.componentOptions;n.propsData=i.propsData,n._parentListeners=i.listeners,n._renderChildren=i.children,n._componentTag=i.tag,t.render&&(n.render=t.render,n.staticRenderFns=t.staticRenderFns)}(n,t):n.$options=De($n(n.constructor),t||{},n),n._renderProxy=n,n._self=n,function(e){var t=e.$options,n=t.parent;if(n&&!t.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(e)}e.$parent=n,e.$root=n?n.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}(n),function(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&qt(e,t)}(n),function(t){t._vnode=null,t._staticTrees=null;var n=t.$options,r=t.$vnode=n._parentVnode,i=r&&r.context;t.$slots=ut(n._renderChildren,i),t.$scopedSlots=e,t._c=function(e,n,r,i){return Pt(t,e,n,r,i,!1)},t.$createElement=function(e,n,r,i){return Pt(t,e,n,r,i,!0)};var o=r&&r.data;xe(t,"$attrs",o&&o.attrs||e,null,!0),xe(t,"$listeners",n._parentListeners||e,null,!0)}(n),Yt(n,"beforeCreate"),function(e){var t=ct(e.$options.inject,e);t&&($e(!1),Object.keys(t).forEach(function(n){xe(e,n,t[n])}),$e(!0))}(n),vn(n),function(e){var t=e.$options.provide;t&&(e._provided="function"==typeof t?t.call(e):t)}(n),Yt(n,"created"),n.$options.el&&n.$mount(n.$options.el)}}(wn),function(e){var t={get:function(){return this._data}},n={get:function(){return this._props}};Object.defineProperty(e.prototype,"$data",t),Object.defineProperty(e.prototype,"$props",n),e.prototype.$set=ke,e.prototype.$delete=Ae,e.prototype.$watch=function(e,t,n){if(s(t))return _n(this,e,t,n);(n=n||{}).user=!0;var r=new fn(this,e,t,n);if(n.immediate)try{t.call(this,r.value)}catch(e){Re(e,this,'callback for immediate watcher "'+r.expression+'"')}return function(){r.teardown()}}}(wn),function(e){var t=/^hook:/;e.prototype.$on=function(e,n){var r=this;if(Array.isArray(e))for(var i=0,o=e.length;i<o;i++)r.$on(e[i],n);else(r._events[e]||(r._events[e]=[])).push(n),t.test(e)&&(r._hasHookEvent=!0);return r},e.prototype.$once=function(e,t){var n=this;function r(){n.$off(e,r),t.apply(n,arguments)}return r.fn=t,n.$on(e,r),n},e.prototype.$off=function(e,t){var n=this;if(!arguments.length)return n._events=Object.create(null),n;if(Array.isArray(e)){for(var r=0,i=e.length;r<i;r++)n.$off(e[r],t);return n}var o,a=n._events[e];if(!a)return n;if(!t)return n._events[e]=null,n;for(var s=a.length;s--;)if((o=a[s])===t||o.fn===t){a.splice(s,1);break}return n},e.prototype.$emit=function(e){var t=this._events[e];if(t){t=t.length>1?k(t):t;for(var n=k(arguments,1),r='event handler for "'+e+'"',i=0,o=t.length;i<o;i++)He(t[i],this,n,this,r)}return this}}(wn),function(e){e.prototype._update=function(e,t){var n=this,r=n.$el,i=n._vnode,o=Zt(n);n._vnode=e,n.$el=i?n.__patch__(i,e):n.__patch__(n.$el,e,t,!1),o(),r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el)},e.prototype.$forceUpdate=function(){this._watcher&&this._watcher.update()},e.prototype.$destroy=function(){var e=this;if(!e._isBeingDestroyed){Yt(e,"beforeDestroy"),e._isBeingDestroyed=!0;var t=e.$parent;!t||t._isBeingDestroyed||e.$options.abstract||h(t.$children,e),e._watcher&&e._watcher.teardown();for(var n=e._watchers.length;n--;)e._watchers[n].teardown();e._data.__ob__&&e._data.__ob__.vmCount--,e._isDestroyed=!0,e.__patch__(e._vnode,null),Yt(e,"destroyed"),e.$off(),e.$el&&(e.$el.__vue__=null),e.$vnode&&(e.$vnode.parent=null)}}}(wn),function(e){St(e.prototype),e.prototype.$nextTick=function(e){return Ye(e,this)},e.prototype._render=function(){var e,t=this,n=t.$options,r=n.render,i=n._parentVnode;i&&(t.$scopedSlots=ft(i.data.scopedSlots,t.$slots,t.$scopedSlots)),t.$vnode=i;try{Ht=t,e=r.call(t._renderProxy,t.$createElement)}catch(n){Re(n,t,"render"),e=t._vnode}finally{Ht=null}return Array.isArray(e)&&1===e.length&&(e=e[0]),e instanceof pe||(e=ve()),e.parent=i,e}}(wn);var Sn=[String,RegExp,Array],Tn={KeepAlive:{name:"keep-alive",abstract:!0,props:{include:Sn,exclude:Sn,max:[String,Number]},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var e in this.cache)On(this.cache,e,this.keys)},mounted:function(){var e=this;this.$watch("include",function(t){An(e,function(e){return kn(t,e)})}),this.$watch("exclude",function(t){An(e,function(e){return!kn(t,e)})})},render:function(){var e=this.$slots.default,t=zt(e),n=t&&t.componentOptions;if(n){var r=xn(n),i=this.include,o=this.exclude;if(i&&(!r||!kn(i,r))||o&&r&&kn(o,r))return t;var a=this.cache,s=this.keys,c=null==t.key?n.Ctor.cid+(n.tag?"::"+n.tag:""):t.key;a[c]?(t.componentInstance=a[c].componentInstance,h(s,c),s.push(c)):(a[c]=t,s.push(c),this.max&&s.length>parseInt(this.max)&&On(a,s[0],s,this._vnode)),t.data.keepAlive=!0}return t||e&&e[0]}}};!function(e){var t={get:function(){return F}};Object.defineProperty(e,"config",t),e.util={warn:ae,extend:A,mergeOptions:De,defineReactive:xe},e.set=ke,e.delete=Ae,e.nextTick=Ye,e.observable=function(e){return Ce(e),e},e.options=Object.create(null),M.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,A(e.options.components,Tn),function(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var n=k(arguments,1);return n.unshift(this),"function"==typeof e.install?e.install.apply(e,n):"function"==typeof e&&e.apply(null,n),t.push(e),this}}(e),function(e){e.mixin=function(e){return this.options=De(this.options,e),this}}(e),Cn(e),function(e){M.forEach(function(t){e[t]=function(e,n){return n?("component"===t&&s(n)&&(n.name=n.name||e,n=this.options._base.extend(n)),"directive"===t&&"function"==typeof n&&(n={bind:n,update:n}),this.options[t+"s"][e]=n,n):this.options[t+"s"][e]}})}(e)}(wn),Object.defineProperty(wn.prototype,"$isServer",{get:te}),Object.defineProperty(wn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(wn,"FunctionalRenderContext",{value:Tt}),wn.version="2.6.12";var En=p("style,class"),Nn=p("input,textarea,option,select,progress"),jn=function(e,t,n){return"value"===n&&Nn(e)&&"button"!==t||"selected"===n&&"option"===e||"checked"===n&&"input"===e||"muted"===n&&"video"===e},Dn=p("contenteditable,draggable,spellcheck"),Ln=p("events,caret,typing,plaintext-only"),Mn=function(e,t){return Hn(t)||"false"===t?"false":"contenteditable"===e&&Ln(t)?t:"true"},In=p("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Fn="http://www.w3.org/1999/xlink",Pn=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},Rn=function(e){return Pn(e)?e.slice(6,e.length):""},Hn=function(e){return null==e||!1===e};function Bn(e){for(var t=e.data,r=e,i=e;n(i.componentInstance);)(i=i.componentInstance._vnode)&&i.data&&(t=Un(i.data,t));for(;n(r=r.parent);)r&&r.data&&(t=Un(t,r.data));return function(e,t){if(n(e)||n(t))return zn(e,Vn(t));return""}(t.staticClass,t.class)}function Un(e,t){return{staticClass:zn(e.staticClass,t.staticClass),class:n(e.class)?[e.class,t.class]:t.class}}function zn(e,t){return e?t?e+" "+t:e:t||""}function Vn(e){return Array.isArray(e)?function(e){for(var t,r="",i=0,o=e.length;i<o;i++)n(t=Vn(e[i]))&&""!==t&&(r&&(r+=" "),r+=t);return r}(e):o(e)?function(e){var t="";for(var n in e)e[n]&&(t&&(t+=" "),t+=n);return t}(e):"string"==typeof e?e:""}var Kn={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Jn=p("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),qn=p("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Wn=function(e){return Jn(e)||qn(e)};function Zn(e){return qn(e)?"svg":"math"===e?"math":void 0}var Gn=Object.create(null);var Xn=p("text,number,password,search,email,tel,url");function Yn(e){if("string"==typeof e){var t=document.querySelector(e);return t||document.createElement("div")}return e}var Qn=Object.freeze({createElement:function(e,t){var n=document.createElement(e);return"select"!==e?n:(t.data&&t.data.attrs&&void 0!==t.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)},createElementNS:function(e,t){return document.createElementNS(Kn[e],t)},createTextNode:function(e){return document.createTextNode(e)},createComment:function(e){return document.createComment(e)},insertBefore:function(e,t,n){e.insertBefore(t,n)},removeChild:function(e,t){e.removeChild(t)},appendChild:function(e,t){e.appendChild(t)},parentNode:function(e){return e.parentNode},nextSibling:function(e){return e.nextSibling},tagName:function(e){return e.tagName},setTextContent:function(e,t){e.textContent=t},setStyleScope:function(e,t){e.setAttribute(t,"")}}),er={create:function(e,t){tr(t)},update:function(e,t){e.data.ref!==t.data.ref&&(tr(e,!0),tr(t))},destroy:function(e){tr(e,!0)}};function tr(e,t){var r=e.data.ref;if(n(r)){var i=e.context,o=e.componentInstance||e.elm,a=i.$refs;t?Array.isArray(a[r])?h(a[r],o):a[r]===o&&(a[r]=void 0):e.data.refInFor?Array.isArray(a[r])?a[r].indexOf(o)<0&&a[r].push(o):a[r]=[o]:a[r]=o}}var nr=new pe("",{},[]),rr=["create","activate","update","remove","destroy"];function ir(e,i){return e.key===i.key&&(e.tag===i.tag&&e.isComment===i.isComment&&n(e.data)===n(i.data)&&function(e,t){if("input"!==e.tag)return!0;var r,i=n(r=e.data)&&n(r=r.attrs)&&r.type,o=n(r=t.data)&&n(r=r.attrs)&&r.type;return i===o||Xn(i)&&Xn(o)}(e,i)||r(e.isAsyncPlaceholder)&&e.asyncFactory===i.asyncFactory&&t(i.asyncFactory.error))}function or(e,t,r){var i,o,a={};for(i=t;i<=r;++i)n(o=e[i].key)&&(a[o]=i);return a}var ar={create:sr,update:sr,destroy:function(e){sr(e,nr)}};function sr(e,t){(e.data.directives||t.data.directives)&&function(e,t){var n,r,i,o=e===nr,a=t===nr,s=ur(e.data.directives,e.context),c=ur(t.data.directives,t.context),u=[],l=[];for(n in c)r=s[n],i=c[n],r?(i.oldValue=r.value,i.oldArg=r.arg,fr(i,"update",t,e),i.def&&i.def.componentUpdated&&l.push(i)):(fr(i,"bind",t,e),i.def&&i.def.inserted&&u.push(i));if(u.length){var f=function(){for(var n=0;n<u.length;n++)fr(u[n],"inserted",t,e)};o?it(t,"insert",f):f()}l.length&&it(t,"postpatch",function(){for(var n=0;n<l.length;n++)fr(l[n],"componentUpdated",t,e)});if(!o)for(n in s)c[n]||fr(s[n],"unbind",e,e,a)}(e,t)}var cr=Object.create(null);function ur(e,t){var n,r,i=Object.create(null);if(!e)return i;for(n=0;n<e.length;n++)(r=e[n]).modifiers||(r.modifiers=cr),i[lr(r)]=r,r.def=Le(t.$options,"directives",r.name);return i}function lr(e){return e.rawName||e.name+"."+Object.keys(e.modifiers||{}).join(".")}function fr(e,t,n,r,i){var o=e.def&&e.def[t];if(o)try{o(n.elm,e,n,r,i)}catch(r){Re(r,n.context,"directive "+e.name+" "+t+" hook")}}var pr=[er,ar];function dr(e,r){var i=r.componentOptions;if(!(n(i)&&!1===i.Ctor.options.inheritAttrs||t(e.data.attrs)&&t(r.data.attrs))){var o,a,s=r.elm,c=e.data.attrs||{},u=r.data.attrs||{};for(o in n(u.__ob__)&&(u=r.data.attrs=A({},u)),u)a=u[o],c[o]!==a&&vr(s,o,a);for(o in(q||Z)&&u.value!==c.value&&vr(s,"value",u.value),c)t(u[o])&&(Pn(o)?s.removeAttributeNS(Fn,Rn(o)):Dn(o)||s.removeAttribute(o))}}function vr(e,t,n){e.tagName.indexOf("-")>-1?hr(e,t,n):In(t)?Hn(n)?e.removeAttribute(t):(n="allowfullscreen"===t&&"EMBED"===e.tagName?"true":t,e.setAttribute(t,n)):Dn(t)?e.setAttribute(t,Mn(t,n)):Pn(t)?Hn(n)?e.removeAttributeNS(Fn,Rn(t)):e.setAttributeNS(Fn,t,n):hr(e,t,n)}function hr(e,t,n){if(Hn(n))e.removeAttribute(t);else{if(q&&!W&&"TEXTAREA"===e.tagName&&"placeholder"===t&&""!==n&&!e.__ieph){var r=function(t){t.stopImmediatePropagation(),e.removeEventListener("input",r)};e.addEventListener("input",r),e.__ieph=!0}e.setAttribute(t,n)}}var mr={create:dr,update:dr};function yr(e,r){var i=r.elm,o=r.data,a=e.data;if(!(t(o.staticClass)&&t(o.class)&&(t(a)||t(a.staticClass)&&t(a.class)))){var s=Bn(r),c=i._transitionClasses;n(c)&&(s=zn(s,Vn(c))),s!==i._prevClass&&(i.setAttribute("class",s),i._prevClass=s)}}var gr,_r,br,$r,wr,Cr,xr={create:yr,update:yr},kr=/[\w).+\-_$\]]/;function Ar(e){var t,n,r,i,o,a=!1,s=!1,c=!1,u=!1,l=0,f=0,p=0,d=0;for(r=0;r<e.length;r++)if(n=t,t=e.charCodeAt(r),a)39===t&&92!==n&&(a=!1);else if(s)34===t&&92!==n&&(s=!1);else if(c)96===t&&92!==n&&(c=!1);else if(u)47===t&&92!==n&&(u=!1);else if(124!==t||124===e.charCodeAt(r+1)||124===e.charCodeAt(r-1)||l||f||p){switch(t){case 34:s=!0;break;case 39:a=!0;break;case 96:c=!0;break;case 40:p++;break;case 41:p--;break;case 91:f++;break;case 93:f--;break;case 123:l++;break;case 125:l--}if(47===t){for(var v=r-1,h=void 0;v>=0&&" "===(h=e.charAt(v));v--);h&&kr.test(h)||(u=!0)}}else void 0===i?(d=r+1,i=e.slice(0,r).trim()):m();function m(){(o||(o=[])).push(e.slice(d,r).trim()),d=r+1}if(void 0===i?i=e.slice(0,r).trim():0!==d&&m(),o)for(r=0;r<o.length;r++)i=Or(i,o[r]);return i}function Or(e,t){var n=t.indexOf("(");if(n<0)return'_f("'+t+'")('+e+")";var r=t.slice(0,n),i=t.slice(n+1);return'_f("'+r+'")('+e+(")"!==i?","+i:i)}function Sr(e,t){console.error("[Vue compiler]: "+e)}function Tr(e,t){return e?e.map(function(e){return e[t]}).filter(function(e){return e}):[]}function Er(e,t,n,r,i){(e.props||(e.props=[])).push(Rr({name:t,value:n,dynamic:i},r)),e.plain=!1}function Nr(e,t,n,r,i){(i?e.dynamicAttrs||(e.dynamicAttrs=[]):e.attrs||(e.attrs=[])).push(Rr({name:t,value:n,dynamic:i},r)),e.plain=!1}function jr(e,t,n,r){e.attrsMap[t]=n,e.attrsList.push(Rr({name:t,value:n},r))}function Dr(e,t,n,r,i,o,a,s){(e.directives||(e.directives=[])).push(Rr({name:t,rawName:n,value:r,arg:i,isDynamicArg:o,modifiers:a},s)),e.plain=!1}function Lr(e,t,n){return n?"_p("+t+',"'+e+'")':e+t}function Mr(t,n,r,i,o,a,s,c){var u;(i=i||e).right?c?n="("+n+")==='click'?'contextmenu':("+n+")":"click"===n&&(n="contextmenu",delete i.right):i.middle&&(c?n="("+n+")==='click'?'mouseup':("+n+")":"click"===n&&(n="mouseup")),i.capture&&(delete i.capture,n=Lr("!",n,c)),i.once&&(delete i.once,n=Lr("~",n,c)),i.passive&&(delete i.passive,n=Lr("&",n,c)),i.native?(delete i.native,u=t.nativeEvents||(t.nativeEvents={})):u=t.events||(t.events={});var l=Rr({value:r.trim(),dynamic:c},s);i!==e&&(l.modifiers=i);var f=u[n];Array.isArray(f)?o?f.unshift(l):f.push(l):u[n]=f?o?[l,f]:[f,l]:l,t.plain=!1}function Ir(e,t,n){var r=Fr(e,":"+t)||Fr(e,"v-bind:"+t);if(null!=r)return Ar(r);if(!1!==n){var i=Fr(e,t);if(null!=i)return JSON.stringify(i)}}function Fr(e,t,n){var r;if(null!=(r=e.attrsMap[t]))for(var i=e.attrsList,o=0,a=i.length;o<a;o++)if(i[o].name===t){i.splice(o,1);break}return n&&delete e.attrsMap[t],r}function Pr(e,t){for(var n=e.attrsList,r=0,i=n.length;r<i;r++){var o=n[r];if(t.test(o.name))return n.splice(r,1),o}}function Rr(e,t){return t&&(null!=t.start&&(e.start=t.start),null!=t.end&&(e.end=t.end)),e}function Hr(e,t,n){var r=n||{},i=r.number,o="$$v";r.trim&&(o="(typeof $$v === 'string'? $$v.trim(): $$v)"),i&&(o="_n("+o+")");var a=Br(t,o);e.model={value:"("+t+")",expression:JSON.stringify(t),callback:"function ($$v) {"+a+"}"}}function Br(e,t){var n=function(e){if(e=e.trim(),gr=e.length,e.indexOf("[")<0||e.lastIndexOf("]")<gr-1)return($r=e.lastIndexOf("."))>-1?{exp:e.slice(0,$r),key:'"'+e.slice($r+1)+'"'}:{exp:e,key:null};_r=e,$r=wr=Cr=0;for(;!zr();)Vr(br=Ur())?Jr(br):91===br&&Kr(br);return{exp:e.slice(0,wr),key:e.slice(wr+1,Cr)}}(e);return null===n.key?e+"="+t:"$set("+n.exp+", "+n.key+", "+t+")"}function Ur(){return _r.charCodeAt(++$r)}function zr(){return $r>=gr}function Vr(e){return 34===e||39===e}function Kr(e){var t=1;for(wr=$r;!zr();)if(Vr(e=Ur()))Jr(e);else if(91===e&&t++,93===e&&t--,0===t){Cr=$r;break}}function Jr(e){for(var t=e;!zr()&&(e=Ur())!==t;);}var qr,Wr="__r",Zr="__c";function Gr(e,t,n){var r=qr;return function i(){null!==t.apply(null,arguments)&&Qr(e,i,n,r)}}var Xr=Ve&&!(X&&Number(X[1])<=53);function Yr(e,t,n,r){if(Xr){var i=an,o=t;t=o._wrapper=function(e){if(e.target===e.currentTarget||e.timeStamp>=i||e.timeStamp<=0||e.target.ownerDocument!==document)return o.apply(this,arguments)}}qr.addEventListener(e,t,Q?{capture:n,passive:r}:n)}function Qr(e,t,n,r){(r||qr).removeEventListener(e,t._wrapper||t,n)}function ei(e,r){if(!t(e.data.on)||!t(r.data.on)){var i=r.data.on||{},o=e.data.on||{};qr=r.elm,function(e){if(n(e[Wr])){var t=q?"change":"input";e[t]=[].concat(e[Wr],e[t]||[]),delete e[Wr]}n(e[Zr])&&(e.change=[].concat(e[Zr],e.change||[]),delete e[Zr])}(i),rt(i,o,Yr,Qr,Gr,r.context),qr=void 0}}var ti,ni={create:ei,update:ei};function ri(e,r){if(!t(e.data.domProps)||!t(r.data.domProps)){var i,o,a=r.elm,s=e.data.domProps||{},c=r.data.domProps||{};for(i in n(c.__ob__)&&(c=r.data.domProps=A({},c)),s)i in c||(a[i]="");for(i in c){if(o=c[i],"textContent"===i||"innerHTML"===i){if(r.children&&(r.children.length=0),o===s[i])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===i&&"PROGRESS"!==a.tagName){a._value=o;var u=t(o)?"":String(o);ii(a,u)&&(a.value=u)}else if("innerHTML"===i&&qn(a.tagName)&&t(a.innerHTML)){(ti=ti||document.createElement("div")).innerHTML="<svg>"+o+"</svg>";for(var l=ti.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;l.firstChild;)a.appendChild(l.firstChild)}else if(o!==s[i])try{a[i]=o}catch(e){}}}}function ii(e,t){return!e.composing&&("OPTION"===e.tagName||function(e,t){var n=!0;try{n=document.activeElement!==e}catch(e){}return n&&e.value!==t}(e,t)||function(e,t){var r=e.value,i=e._vModifiers;if(n(i)){if(i.number)return f(r)!==f(t);if(i.trim)return r.trim()!==t.trim()}return r!==t}(e,t))}var oi={create:ri,update:ri},ai=g(function(e){var t={},n=/:(.+)/;return e.split(/;(?![^(]*\))/g).forEach(function(e){if(e){var r=e.split(n);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t});function si(e){var t=ci(e.style);return e.staticStyle?A(e.staticStyle,t):t}function ci(e){return Array.isArray(e)?O(e):"string"==typeof e?ai(e):e}var ui,li=/^--/,fi=/\s*!important$/,pi=function(e,t,n){if(li.test(t))e.style.setProperty(t,n);else if(fi.test(n))e.style.setProperty(C(t),n.replace(fi,""),"important");else{var r=vi(t);if(Array.isArray(n))for(var i=0,o=n.length;i<o;i++)e.style[r]=n[i];else e.style[r]=n}},di=["Webkit","Moz","ms"],vi=g(function(e){if(ui=ui||document.createElement("div").style,"filter"!==(e=b(e))&&e in ui)return e;for(var t=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<di.length;n++){var r=di[n]+t;if(r in ui)return r}});function hi(e,r){var i=r.data,o=e.data;if(!(t(i.staticStyle)&&t(i.style)&&t(o.staticStyle)&&t(o.style))){var a,s,c=r.elm,u=o.staticStyle,l=o.normalizedStyle||o.style||{},f=u||l,p=ci(r.data.style)||{};r.data.normalizedStyle=n(p.__ob__)?A({},p):p;var d=function(e,t){var n,r={};if(t)for(var i=e;i.componentInstance;)(i=i.componentInstance._vnode)&&i.data&&(n=si(i.data))&&A(r,n);(n=si(e.data))&&A(r,n);for(var o=e;o=o.parent;)o.data&&(n=si(o.data))&&A(r,n);return r}(r,!0);for(s in f)t(d[s])&&pi(c,s,"");for(s in d)(a=d[s])!==f[s]&&pi(c,s,null==a?"":a)}}var mi={create:hi,update:hi},yi=/\s+/;function gi(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(yi).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" "+(e.getAttribute("class")||"")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function _i(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(yi).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var n=" "+(e.getAttribute("class")||"")+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?e.setAttribute("class",n):e.removeAttribute("class")}}function bi(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&A(t,$i(e.name||"v")),A(t,e),t}return"string"==typeof e?$i(e):void 0}}var $i=g(function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}}),wi=z&&!W,Ci="transition",xi="animation",ki="transition",Ai="transitionend",Oi="animation",Si="animationend";wi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(ki="WebkitTransition",Ai="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(Oi="WebkitAnimation",Si="webkitAnimationEnd"));var Ti=z?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function Ei(e){Ti(function(){Ti(e)})}function Ni(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);n.indexOf(t)<0&&(n.push(t),gi(e,t))}function ji(e,t){e._transitionClasses&&h(e._transitionClasses,t),_i(e,t)}function Di(e,t,n){var r=Mi(e,t),i=r.type,o=r.timeout,a=r.propCount;if(!i)return n();var s=i===Ci?Ai:Si,c=0,u=function(){e.removeEventListener(s,l),n()},l=function(t){t.target===e&&++c>=a&&u()};setTimeout(function(){c<a&&u()},o+1),e.addEventListener(s,l)}var Li=/\b(transform|all)(,|$)/;function Mi(e,t){var n,r=window.getComputedStyle(e),i=(r[ki+"Delay"]||"").split(", "),o=(r[ki+"Duration"]||"").split(", "),a=Ii(i,o),s=(r[Oi+"Delay"]||"").split(", "),c=(r[Oi+"Duration"]||"").split(", "),u=Ii(s,c),l=0,f=0;return t===Ci?a>0&&(n=Ci,l=a,f=o.length):t===xi?u>0&&(n=xi,l=u,f=c.length):f=(n=(l=Math.max(a,u))>0?a>u?Ci:xi:null)?n===Ci?o.length:c.length:0,{type:n,timeout:l,propCount:f,hasTransform:n===Ci&&Li.test(r[ki+"Property"])}}function Ii(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max.apply(null,t.map(function(t,n){return Fi(t)+Fi(e[n])}))}function Fi(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function Pi(e,r){var i=e.elm;n(i._leaveCb)&&(i._leaveCb.cancelled=!0,i._leaveCb());var a=bi(e.data.transition);if(!t(a)&&!n(i._enterCb)&&1===i.nodeType){for(var s=a.css,c=a.type,u=a.enterClass,l=a.enterToClass,p=a.enterActiveClass,d=a.appearClass,v=a.appearToClass,h=a.appearActiveClass,m=a.beforeEnter,y=a.enter,g=a.afterEnter,_=a.enterCancelled,b=a.beforeAppear,$=a.appear,w=a.afterAppear,C=a.appearCancelled,x=a.duration,k=Wt,A=Wt.$vnode;A&&A.parent;)k=A.context,A=A.parent;var O=!k._isMounted||!e.isRootInsert;if(!O||$||""===$){var S=O&&d?d:u,T=O&&h?h:p,E=O&&v?v:l,N=O&&b||m,j=O&&"function"==typeof $?$:y,L=O&&w||g,M=O&&C||_,I=f(o(x)?x.enter:x),F=!1!==s&&!W,P=Bi(j),R=i._enterCb=D(function(){F&&(ji(i,E),ji(i,T)),R.cancelled?(F&&ji(i,S),M&&M(i)):L&&L(i),i._enterCb=null});e.data.show||it(e,"insert",function(){var t=i.parentNode,n=t&&t._pending&&t._pending[e.key];n&&n.tag===e.tag&&n.elm._leaveCb&&n.elm._leaveCb(),j&&j(i,R)}),N&&N(i),F&&(Ni(i,S),Ni(i,T),Ei(function(){ji(i,S),R.cancelled||(Ni(i,E),P||(Hi(I)?setTimeout(R,I):Di(i,c,R)))})),e.data.show&&(r&&r(),j&&j(i,R)),F||P||R()}}}function Ri(e,r){var i=e.elm;n(i._enterCb)&&(i._enterCb.cancelled=!0,i._enterCb());var a=bi(e.data.transition);if(t(a)||1!==i.nodeType)return r();if(!n(i._leaveCb)){var s=a.css,c=a.type,u=a.leaveClass,l=a.leaveToClass,p=a.leaveActiveClass,d=a.beforeLeave,v=a.leave,h=a.afterLeave,m=a.leaveCancelled,y=a.delayLeave,g=a.duration,_=!1!==s&&!W,b=Bi(v),$=f(o(g)?g.leave:g),w=i._leaveCb=D(function(){i.parentNode&&i.parentNode._pending&&(i.parentNode._pending[e.key]=null),_&&(ji(i,l),ji(i,p)),w.cancelled?(_&&ji(i,u),m&&m(i)):(r(),h&&h(i)),i._leaveCb=null});y?y(C):C()}function C(){w.cancelled||(!e.data.show&&i.parentNode&&((i.parentNode._pending||(i.parentNode._pending={}))[e.key]=e),d&&d(i),_&&(Ni(i,u),Ni(i,p),Ei(function(){ji(i,u),w.cancelled||(Ni(i,l),b||(Hi($)?setTimeout(w,$):Di(i,c,w)))})),v&&v(i,w),_||b||w())}}function Hi(e){return"number"==typeof e&&!isNaN(e)}function Bi(e){if(t(e))return!1;var r=e.fns;return n(r)?Bi(Array.isArray(r)?r[0]:r):(e._length||e.length)>1}function Ui(e,t){!0!==t.data.show&&Pi(t)}var zi=function(e){var o,a,s={},c=e.modules,u=e.nodeOps;for(o=0;o<rr.length;++o)for(s[rr[o]]=[],a=0;a<c.length;++a)n(c[a][rr[o]])&&s[rr[o]].push(c[a][rr[o]]);function l(e){var t=u.parentNode(e);n(t)&&u.removeChild(t,e)}function f(e,t,i,o,a,c,l){if(n(e.elm)&&n(c)&&(e=c[l]=me(e)),e.isRootInsert=!a,!function(e,t,i,o){var a=e.data;if(n(a)){var c=n(e.componentInstance)&&a.keepAlive;if(n(a=a.hook)&&n(a=a.init)&&a(e,!1),n(e.componentInstance))return d(e,t),v(i,e.elm,o),r(c)&&function(e,t,r,i){for(var o,a=e;a.componentInstance;)if(a=a.componentInstance._vnode,n(o=a.data)&&n(o=o.transition)){for(o=0;o<s.activate.length;++o)s.activate[o](nr,a);t.push(a);break}v(r,e.elm,i)}(e,t,i,o),!0}}(e,t,i,o)){var f=e.data,p=e.children,m=e.tag;n(m)?(e.elm=e.ns?u.createElementNS(e.ns,m):u.createElement(m,e),g(e),h(e,p,t),n(f)&&y(e,t),v(i,e.elm,o)):r(e.isComment)?(e.elm=u.createComment(e.text),v(i,e.elm,o)):(e.elm=u.createTextNode(e.text),v(i,e.elm,o))}}function d(e,t){n(e.data.pendingInsert)&&(t.push.apply(t,e.data.pendingInsert),e.data.pendingInsert=null),e.elm=e.componentInstance.$el,m(e)?(y(e,t),g(e)):(tr(e),t.push(e))}function v(e,t,r){n(e)&&(n(r)?u.parentNode(r)===e&&u.insertBefore(e,t,r):u.appendChild(e,t))}function h(e,t,n){if(Array.isArray(t))for(var r=0;r<t.length;++r)f(t[r],n,e.elm,null,!0,t,r);else i(e.text)&&u.appendChild(e.elm,u.createTextNode(String(e.text)))}function m(e){for(;e.componentInstance;)e=e.componentInstance._vnode;return n(e.tag)}function y(e,t){for(var r=0;r<s.create.length;++r)s.create[r](nr,e);n(o=e.data.hook)&&(n(o.create)&&o.create(nr,e),n(o.insert)&&t.push(e))}function g(e){var t;if(n(t=e.fnScopeId))u.setStyleScope(e.elm,t);else for(var r=e;r;)n(t=r.context)&&n(t=t.$options._scopeId)&&u.setStyleScope(e.elm,t),r=r.parent;n(t=Wt)&&t!==e.context&&t!==e.fnContext&&n(t=t.$options._scopeId)&&u.setStyleScope(e.elm,t)}function _(e,t,n,r,i,o){for(;r<=i;++r)f(n[r],o,e,t,!1,n,r)}function b(e){var t,r,i=e.data;if(n(i))for(n(t=i.hook)&&n(t=t.destroy)&&t(e),t=0;t<s.destroy.length;++t)s.destroy[t](e);if(n(t=e.children))for(r=0;r<e.children.length;++r)b(e.children[r])}function $(e,t,r){for(;t<=r;++t){var i=e[t];n(i)&&(n(i.tag)?(w(i),b(i)):l(i.elm))}}function w(e,t){if(n(t)||n(e.data)){var r,i=s.remove.length+1;for(n(t)?t.listeners+=i:t=function(e,t){function n(){0==--n.listeners&&l(e)}return n.listeners=t,n}(e.elm,i),n(r=e.componentInstance)&&n(r=r._vnode)&&n(r.data)&&w(r,t),r=0;r<s.remove.length;++r)s.remove[r](e,t);n(r=e.data.hook)&&n(r=r.remove)?r(e,t):t()}else l(e.elm)}function C(e,t,r,i){for(var o=r;o<i;o++){var a=t[o];if(n(a)&&ir(e,a))return o}}function x(e,i,o,a,c,l){if(e!==i){n(i.elm)&&n(a)&&(i=a[c]=me(i));var p=i.elm=e.elm;if(r(e.isAsyncPlaceholder))n(i.asyncFactory.resolved)?O(e.elm,i,o):i.isAsyncPlaceholder=!0;else if(r(i.isStatic)&&r(e.isStatic)&&i.key===e.key&&(r(i.isCloned)||r(i.isOnce)))i.componentInstance=e.componentInstance;else{var d,v=i.data;n(v)&&n(d=v.hook)&&n(d=d.prepatch)&&d(e,i);var h=e.children,y=i.children;if(n(v)&&m(i)){for(d=0;d<s.update.length;++d)s.update[d](e,i);n(d=v.hook)&&n(d=d.update)&&d(e,i)}t(i.text)?n(h)&&n(y)?h!==y&&function(e,r,i,o,a){for(var s,c,l,p=0,d=0,v=r.length-1,h=r[0],m=r[v],y=i.length-1,g=i[0],b=i[y],w=!a;p<=v&&d<=y;)t(h)?h=r[++p]:t(m)?m=r[--v]:ir(h,g)?(x(h,g,o,i,d),h=r[++p],g=i[++d]):ir(m,b)?(x(m,b,o,i,y),m=r[--v],b=i[--y]):ir(h,b)?(x(h,b,o,i,y),w&&u.insertBefore(e,h.elm,u.nextSibling(m.elm)),h=r[++p],b=i[--y]):ir(m,g)?(x(m,g,o,i,d),w&&u.insertBefore(e,m.elm,h.elm),m=r[--v],g=i[++d]):(t(s)&&(s=or(r,p,v)),t(c=n(g.key)?s[g.key]:C(g,r,p,v))?f(g,o,e,h.elm,!1,i,d):ir(l=r[c],g)?(x(l,g,o,i,d),r[c]=void 0,w&&u.insertBefore(e,l.elm,h.elm)):f(g,o,e,h.elm,!1,i,d),g=i[++d]);p>v?_(e,t(i[y+1])?null:i[y+1].elm,i,d,y,o):d>y&&$(r,p,v)}(p,h,y,o,l):n(y)?(n(e.text)&&u.setTextContent(p,""),_(p,null,y,0,y.length-1,o)):n(h)?$(h,0,h.length-1):n(e.text)&&u.setTextContent(p,""):e.text!==i.text&&u.setTextContent(p,i.text),n(v)&&n(d=v.hook)&&n(d=d.postpatch)&&d(e,i)}}}function k(e,t,i){if(r(i)&&n(e.parent))e.parent.data.pendingInsert=t;else for(var o=0;o<t.length;++o)t[o].data.hook.insert(t[o])}var A=p("attrs,class,staticClass,staticStyle,key");function O(e,t,i,o){var a,s=t.tag,c=t.data,u=t.children;if(o=o||c&&c.pre,t.elm=e,r(t.isComment)&&n(t.asyncFactory))return t.isAsyncPlaceholder=!0,!0;if(n(c)&&(n(a=c.hook)&&n(a=a.init)&&a(t,!0),n(a=t.componentInstance)))return d(t,i),!0;if(n(s)){if(n(u))if(e.hasChildNodes())if(n(a=c)&&n(a=a.domProps)&&n(a=a.innerHTML)){if(a!==e.innerHTML)return!1}else{for(var l=!0,f=e.firstChild,p=0;p<u.length;p++){if(!f||!O(f,u[p],i,o)){l=!1;break}f=f.nextSibling}if(!l||f)return!1}else h(t,u,i);if(n(c)){var v=!1;for(var m in c)if(!A(m)){v=!0,y(t,i);break}!v&&c.class&&et(c.class)}}else e.data!==t.text&&(e.data=t.text);return!0}return function(e,i,o,a){if(!t(i)){var c,l=!1,p=[];if(t(e))l=!0,f(i,p);else{var d=n(e.nodeType);if(!d&&ir(e,i))x(e,i,p,null,null,a);else{if(d){if(1===e.nodeType&&e.hasAttribute(L)&&(e.removeAttribute(L),o=!0),r(o)&&O(e,i,p))return k(i,p,!0),e;c=e,e=new pe(u.tagName(c).toLowerCase(),{},[],void 0,c)}var v=e.elm,h=u.parentNode(v);if(f(i,p,v._leaveCb?null:h,u.nextSibling(v)),n(i.parent))for(var y=i.parent,g=m(i);y;){for(var _=0;_<s.destroy.length;++_)s.destroy[_](y);if(y.elm=i.elm,g){for(var w=0;w<s.create.length;++w)s.create[w](nr,y);var C=y.data.hook.insert;if(C.merged)for(var A=1;A<C.fns.length;A++)C.fns[A]()}else tr(y);y=y.parent}n(h)?$([e],0,0):n(e.tag)&&b(e)}}return k(i,p,l),i.elm}n(e)&&b(e)}}({nodeOps:Qn,modules:[mr,xr,ni,oi,mi,z?{create:Ui,activate:Ui,remove:function(e,t){!0!==e.data.show?Ri(e,t):t()}}:{}].concat(pr)});W&&document.addEventListener("selectionchange",function(){var e=document.activeElement;e&&e.vmodel&&Xi(e,"input")});var Vi={inserted:function(e,t,n,r){"select"===n.tag?(r.elm&&!r.elm._vOptions?it(n,"postpatch",function(){Vi.componentUpdated(e,t,n)}):Ki(e,t,n.context),e._vOptions=[].map.call(e.options,Wi)):("textarea"===n.tag||Xn(e.type))&&(e._vModifiers=t.modifiers,t.modifiers.lazy||(e.addEventListener("compositionstart",Zi),e.addEventListener("compositionend",Gi),e.addEventListener("change",Gi),W&&(e.vmodel=!0)))},componentUpdated:function(e,t,n){if("select"===n.tag){Ki(e,t,n.context);var r=e._vOptions,i=e._vOptions=[].map.call(e.options,Wi);if(i.some(function(e,t){return!N(e,r[t])}))(e.multiple?t.value.some(function(e){return qi(e,i)}):t.value!==t.oldValue&&qi(t.value,i))&&Xi(e,"change")}}};function Ki(e,t,n){Ji(e,t,n),(q||Z)&&setTimeout(function(){Ji(e,t,n)},0)}function Ji(e,t,n){var r=t.value,i=e.multiple;if(!i||Array.isArray(r)){for(var o,a,s=0,c=e.options.length;s<c;s++)if(a=e.options[s],i)o=j(r,Wi(a))>-1,a.selected!==o&&(a.selected=o);else if(N(Wi(a),r))return void(e.selectedIndex!==s&&(e.selectedIndex=s));i||(e.selectedIndex=-1)}}function qi(e,t){return t.every(function(t){return!N(t,e)})}function Wi(e){return"_value"in e?e._value:e.value}function Zi(e){e.target.composing=!0}function Gi(e){e.target.composing&&(e.target.composing=!1,Xi(e.target,"input"))}function Xi(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function Yi(e){return!e.componentInstance||e.data&&e.data.transition?e:Yi(e.componentInstance._vnode)}var Qi={model:Vi,show:{bind:function(e,t,n){var r=t.value,i=(n=Yi(n)).data&&n.data.transition,o=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;r&&i?(n.data.show=!0,Pi(n,function(){e.style.display=o})):e.style.display=r?o:"none"},update:function(e,t,n){var r=t.value;!r!=!t.oldValue&&((n=Yi(n)).data&&n.data.transition?(n.data.show=!0,r?Pi(n,function(){e.style.display=e.__vOriginalDisplay}):Ri(n,function(){e.style.display="none"})):e.style.display=r?e.__vOriginalDisplay:"none")},unbind:function(e,t,n,r,i){i||(e.style.display=e.__vOriginalDisplay)}}},eo={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function to(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?to(zt(t.children)):e}function no(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var i=n._parentListeners;for(var o in i)t[b(o)]=i[o];return t}function ro(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}var io=function(e){return e.tag||Ut(e)},oo=function(e){return"show"===e.name},ao={name:"transition",props:eo,abstract:!0,render:function(e){var t=this,n=this.$slots.default;if(n&&(n=n.filter(io)).length){var r=this.mode,o=n[0];if(function(e){for(;e=e.parent;)if(e.data.transition)return!0}(this.$vnode))return o;var a=to(o);if(!a)return o;if(this._leaving)return ro(e,o);var s="__transition-"+this._uid+"-";a.key=null==a.key?a.isComment?s+"comment":s+a.tag:i(a.key)?0===String(a.key).indexOf(s)?a.key:s+a.key:a.key;var c=(a.data||(a.data={})).transition=no(this),u=this._vnode,l=to(u);if(a.data.directives&&a.data.directives.some(oo)&&(a.data.show=!0),l&&l.data&&!function(e,t){return t.key===e.key&&t.tag===e.tag}(a,l)&&!Ut(l)&&(!l.componentInstance||!l.componentInstance._vnode.isComment)){var f=l.data.transition=A({},c);if("out-in"===r)return this._leaving=!0,it(f,"afterLeave",function(){t._leaving=!1,t.$forceUpdate()}),ro(e,o);if("in-out"===r){if(Ut(a))return u;var p,d=function(){p()};it(c,"afterEnter",d),it(c,"enterCancelled",d),it(f,"delayLeave",function(e){p=e})}}return o}}},so=A({tag:String,moveClass:String},eo);function co(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function uo(e){e.data.newPos=e.elm.getBoundingClientRect()}function lo(e){var t=e.data.pos,n=e.data.newPos,r=t.left-n.left,i=t.top-n.top;if(r||i){e.data.moved=!0;var o=e.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}delete so.mode;var fo={Transition:ao,TransitionGroup:{props:so,beforeMount:function(){var e=this,t=this._update;this._update=function(n,r){var i=Zt(e);e.__patch__(e._vnode,e.kept,!1,!0),e._vnode=e.kept,i(),t.call(e,n,r)}},render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,i=this.$slots.default||[],o=this.children=[],a=no(this),s=0;s<i.length;s++){var c=i[s];c.tag&&null!=c.key&&0!==String(c.key).indexOf("__vlist")&&(o.push(c),n[c.key]=c,(c.data||(c.data={})).transition=a)}if(r){for(var u=[],l=[],f=0;f<r.length;f++){var p=r[f];p.data.transition=a,p.data.pos=p.elm.getBoundingClientRect(),n[p.key]?u.push(p):l.push(p)}this.kept=e(t,null,u),this.removed=l}return e(t,null,o)},updated:function(){var e=this.prevChildren,t=this.moveClass||(this.name||"v")+"-move";e.length&&this.hasMove(e[0].elm,t)&&(e.forEach(co),e.forEach(uo),e.forEach(lo),this._reflow=document.body.offsetHeight,e.forEach(function(e){if(e.data.moved){var n=e.elm,r=n.style;Ni(n,t),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(Ai,n._moveCb=function e(r){r&&r.target!==n||r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(Ai,e),n._moveCb=null,ji(n,t))})}}))},methods:{hasMove:function(e,t){if(!wi)return!1;if(this._hasMove)return this._hasMove;var n=e.cloneNode();e._transitionClasses&&e._transitionClasses.forEach(function(e){_i(n,e)}),gi(n,t),n.style.display="none",this.$el.appendChild(n);var r=Mi(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}}};wn.config.mustUseProp=jn,wn.config.isReservedTag=Wn,wn.config.isReservedAttr=En,wn.config.getTagNamespace=Zn,wn.config.isUnknownElement=function(e){if(!z)return!0;if(Wn(e))return!1;if(e=e.toLowerCase(),null!=Gn[e])return Gn[e];var t=document.createElement(e);return e.indexOf("-")>-1?Gn[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Gn[e]=/HTMLUnknownElement/.test(t.toString())},A(wn.options.directives,Qi),A(wn.options.components,fo),wn.prototype.__patch__=z?zi:S,wn.prototype.$mount=function(e,t){return function(e,t,n){var r;return e.$el=t,e.$options.render||(e.$options.render=ve),Yt(e,"beforeMount"),r=function(){e._update(e._render(),n)},new fn(e,r,S,{before:function(){e._isMounted&&!e._isDestroyed&&Yt(e,"beforeUpdate")}},!0),n=!1,null==e.$vnode&&(e._isMounted=!0,Yt(e,"mounted")),e}(this,e=e&&z?Yn(e):void 0,t)},z&&setTimeout(function(){F.devtools&&ne&&ne.emit("init",wn)},0);var po=/\{\{((?:.|\r?\n)+?)\}\}/g,vo=/[-.*+?^${}()|[\]\/\\]/g,ho=g(function(e){var t=e[0].replace(vo,"\\$&"),n=e[1].replace(vo,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+n,"g")});var mo={staticKeys:["staticClass"],transformNode:function(e,t){t.warn;var n=Fr(e,"class");n&&(e.staticClass=JSON.stringify(n));var r=Ir(e,"class",!1);r&&(e.classBinding=r)},genData:function(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}};var yo,go={staticKeys:["staticStyle"],transformNode:function(e,t){t.warn;var n=Fr(e,"style");n&&(e.staticStyle=JSON.stringify(ai(n)));var r=Ir(e,"style",!1);r&&(e.styleBinding=r)},genData:function(e){var t="";return e.staticStyle&&(t+="staticStyle:"+e.staticStyle+","),e.styleBinding&&(t+="style:("+e.styleBinding+"),"),t}},_o=function(e){return(yo=yo||document.createElement("div")).innerHTML=e,yo.textContent},bo=p("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),$o=p("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),wo=p("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),Co=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,xo=/^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,ko="[a-zA-Z_][\\-\\.0-9_a-zA-Z"+P.source+"]*",Ao="((?:"+ko+"\\:)?"+ko+")",Oo=new RegExp("^<"+Ao),So=/^\s*(\/?)>/,To=new RegExp("^<\\/"+Ao+"[^>]*>"),Eo=/^<!DOCTYPE [^>]+>/i,No=/^<!\--/,jo=/^<!\[/,Do=p("script,style,textarea",!0),Lo={},Mo={"&lt;":"<","&gt;":">","&quot;":'"',"&amp;":"&","&#10;":"\n","&#9;":"\t","&#39;":"'"},Io=/&(?:lt|gt|quot|amp|#39);/g,Fo=/&(?:lt|gt|quot|amp|#39|#10|#9);/g,Po=p("pre,textarea",!0),Ro=function(e,t){return e&&Po(e)&&"\n"===t[0]};function Ho(e,t){var n=t?Fo:Io;return e.replace(n,function(e){return Mo[e]})}var Bo,Uo,zo,Vo,Ko,Jo,qo,Wo,Zo=/^@|^v-on:/,Go=/^v-|^@|^:|^#/,Xo=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Yo=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Qo=/^\(|\)$/g,ea=/^\[.*\]$/,ta=/:(.*)$/,na=/^:|^\.|^v-bind:/,ra=/\.[^.\]]+(?=[^\]]*$)/g,ia=/^v-slot(:|$)|^#/,oa=/[\r\n]/,aa=/\s+/g,sa=g(_o),ca="_empty_";function ua(e,t,n){return{type:1,tag:e,attrsList:t,attrsMap:ma(t),rawAttrsMap:{},parent:n,children:[]}}function la(e,t){Bo=t.warn||Sr,Jo=t.isPreTag||T,qo=t.mustUseProp||T,Wo=t.getTagNamespace||T;t.isReservedTag;zo=Tr(t.modules,"transformNode"),Vo=Tr(t.modules,"preTransformNode"),Ko=Tr(t.modules,"postTransformNode"),Uo=t.delimiters;var n,r,i=[],o=!1!==t.preserveWhitespace,a=t.whitespace,s=!1,c=!1;function u(e){if(l(e),s||e.processed||(e=fa(e,t)),i.length||e===n||n.if&&(e.elseif||e.else)&&da(n,{exp:e.elseif,block:e}),r&&!e.forbidden)if(e.elseif||e.else)a=e,(u=function(e){var t=e.length;for(;t--;){if(1===e[t].type)return e[t];e.pop()}}(r.children))&&u.if&&da(u,{exp:a.elseif,block:a});else{if(e.slotScope){var o=e.slotTarget||'"default"';(r.scopedSlots||(r.scopedSlots={}))[o]=e}r.children.push(e),e.parent=r}var a,u;e.children=e.children.filter(function(e){return!e.slotScope}),l(e),e.pre&&(s=!1),Jo(e.tag)&&(c=!1);for(var f=0;f<Ko.length;f++)Ko[f](e,t)}function l(e){if(!c)for(var t;(t=e.children[e.children.length-1])&&3===t.type&&" "===t.text;)e.children.pop()}return function(e,t){for(var n,r,i=[],o=t.expectHTML,a=t.isUnaryTag||T,s=t.canBeLeftOpenTag||T,c=0;e;){if(n=e,r&&Do(r)){var u=0,l=r.toLowerCase(),f=Lo[l]||(Lo[l]=new RegExp("([\\s\\S]*?)(</"+l+"[^>]*>)","i")),p=e.replace(f,function(e,n,r){return u=r.length,Do(l)||"noscript"===l||(n=n.replace(/<!\--([\s\S]*?)-->/g,"$1").replace(/<!\[CDATA\[([\s\S]*?)]]>/g,"$1")),Ro(l,n)&&(n=n.slice(1)),t.chars&&t.chars(n),""});c+=e.length-p.length,e=p,A(l,c-u,c)}else{var d=e.indexOf("<");if(0===d){if(No.test(e)){var v=e.indexOf("--\x3e");if(v>=0){t.shouldKeepComment&&t.comment(e.substring(4,v),c,c+v+3),C(v+3);continue}}if(jo.test(e)){var h=e.indexOf("]>");if(h>=0){C(h+2);continue}}var m=e.match(Eo);if(m){C(m[0].length);continue}var y=e.match(To);if(y){var g=c;C(y[0].length),A(y[1],g,c);continue}var _=x();if(_){k(_),Ro(_.tagName,e)&&C(1);continue}}var b=void 0,$=void 0,w=void 0;if(d>=0){for($=e.slice(d);!(To.test($)||Oo.test($)||No.test($)||jo.test($)||(w=$.indexOf("<",1))<0);)d+=w,$=e.slice(d);b=e.substring(0,d)}d<0&&(b=e),b&&C(b.length),t.chars&&b&&t.chars(b,c-b.length,c)}if(e===n){t.chars&&t.chars(e);break}}function C(t){c+=t,e=e.substring(t)}function x(){var t=e.match(Oo);if(t){var n,r,i={tagName:t[1],attrs:[],start:c};for(C(t[0].length);!(n=e.match(So))&&(r=e.match(xo)||e.match(Co));)r.start=c,C(r[0].length),r.end=c,i.attrs.push(r);if(n)return i.unarySlash=n[1],C(n[0].length),i.end=c,i}}function k(e){var n=e.tagName,c=e.unarySlash;o&&("p"===r&&wo(n)&&A(r),s(n)&&r===n&&A(n));for(var u=a(n)||!!c,l=e.attrs.length,f=new Array(l),p=0;p<l;p++){var d=e.attrs[p],v=d[3]||d[4]||d[5]||"",h="a"===n&&"href"===d[1]?t.shouldDecodeNewlinesForHref:t.shouldDecodeNewlines;f[p]={name:d[1],value:Ho(v,h)}}u||(i.push({tag:n,lowerCasedTag:n.toLowerCase(),attrs:f,start:e.start,end:e.end}),r=n),t.start&&t.start(n,f,u,e.start,e.end)}function A(e,n,o){var a,s;if(null==n&&(n=c),null==o&&(o=c),e)for(s=e.toLowerCase(),a=i.length-1;a>=0&&i[a].lowerCasedTag!==s;a--);else a=0;if(a>=0){for(var u=i.length-1;u>=a;u--)t.end&&t.end(i[u].tag,n,o);i.length=a,r=a&&i[a-1].tag}else"br"===s?t.start&&t.start(e,[],!0,n,o):"p"===s&&(t.start&&t.start(e,[],!1,n,o),t.end&&t.end(e,n,o))}A()}(e,{warn:Bo,expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,canBeLeftOpenTag:t.canBeLeftOpenTag,shouldDecodeNewlines:t.shouldDecodeNewlines,shouldDecodeNewlinesForHref:t.shouldDecodeNewlinesForHref,shouldKeepComment:t.comments,outputSourceRange:t.outputSourceRange,start:function(e,o,a,l,f){var p=r&&r.ns||Wo(e);q&&"svg"===p&&(o=function(e){for(var t=[],n=0;n<e.length;n++){var r=e[n];ya.test(r.name)||(r.name=r.name.replace(ga,""),t.push(r))}return t}(o));var d,v=ua(e,o,r);p&&(v.ns=p),"style"!==(d=v).tag&&("script"!==d.tag||d.attrsMap.type&&"text/javascript"!==d.attrsMap.type)||te()||(v.forbidden=!0);for(var h=0;h<Vo.length;h++)v=Vo[h](v,t)||v;s||(!function(e){null!=Fr(e,"v-pre")&&(e.pre=!0)}(v),v.pre&&(s=!0)),Jo(v.tag)&&(c=!0),s?function(e){var t=e.attrsList,n=t.length;if(n)for(var r=e.attrs=new Array(n),i=0;i<n;i++)r[i]={name:t[i].name,value:JSON.stringify(t[i].value)},null!=t[i].start&&(r[i].start=t[i].start,r[i].end=t[i].end);else e.pre||(e.plain=!0)}(v):v.processed||(pa(v),function(e){var t=Fr(e,"v-if");if(t)e.if=t,da(e,{exp:t,block:e});else{null!=Fr(e,"v-else")&&(e.else=!0);var n=Fr(e,"v-else-if");n&&(e.elseif=n)}}(v),function(e){null!=Fr(e,"v-once")&&(e.once=!0)}(v)),n||(n=v),a?u(v):(r=v,i.push(v))},end:function(e,t,n){var o=i[i.length-1];i.length-=1,r=i[i.length-1],u(o)},chars:function(e,t,n){if(r&&(!q||"textarea"!==r.tag||r.attrsMap.placeholder!==e)){var i,u,l,f=r.children;if(e=c||e.trim()?"script"===(i=r).tag||"style"===i.tag?e:sa(e):f.length?a?"condense"===a&&oa.test(e)?"":" ":o?" ":"":"")c||"condense"!==a||(e=e.replace(aa," ")),!s&&" "!==e&&(u=function(e,t){var n=t?ho(t):po;if(n.test(e)){for(var r,i,o,a=[],s=[],c=n.lastIndex=0;r=n.exec(e);){(i=r.index)>c&&(s.push(o=e.slice(c,i)),a.push(JSON.stringify(o)));var u=Ar(r[1].trim());a.push("_s("+u+")"),s.push({"@binding":u}),c=i+r[0].length}return c<e.length&&(s.push(o=e.slice(c)),a.push(JSON.stringify(o))),{expression:a.join("+"),tokens:s}}}(e,Uo))?l={type:2,expression:u.expression,tokens:u.tokens,text:e}:" "===e&&f.length&&" "===f[f.length-1].text||(l={type:3,text:e}),l&&f.push(l)}},comment:function(e,t,n){if(r){var i={type:3,text:e,isComment:!0};r.children.push(i)}}}),n}function fa(e,t){var n,r;(r=Ir(n=e,"key"))&&(n.key=r),e.plain=!e.key&&!e.scopedSlots&&!e.attrsList.length,function(e){var t=Ir(e,"ref");t&&(e.ref=t,e.refInFor=function(e){var t=e;for(;t;){if(void 0!==t.for)return!0;t=t.parent}return!1}(e))}(e),function(e){var t;"template"===e.tag?(t=Fr(e,"scope"),e.slotScope=t||Fr(e,"slot-scope")):(t=Fr(e,"slot-scope"))&&(e.slotScope=t);var n=Ir(e,"slot");n&&(e.slotTarget='""'===n?'"default"':n,e.slotTargetDynamic=!(!e.attrsMap[":slot"]&&!e.attrsMap["v-bind:slot"]),"template"===e.tag||e.slotScope||Nr(e,"slot",n,function(e,t){return e.rawAttrsMap[":"+t]||e.rawAttrsMap["v-bind:"+t]||e.rawAttrsMap[t]}(e,"slot")));if("template"===e.tag){var r=Pr(e,ia);if(r){var i=va(r),o=i.name,a=i.dynamic;e.slotTarget=o,e.slotTargetDynamic=a,e.slotScope=r.value||ca}}else{var s=Pr(e,ia);if(s){var c=e.scopedSlots||(e.scopedSlots={}),u=va(s),l=u.name,f=u.dynamic,p=c[l]=ua("template",[],e);p.slotTarget=l,p.slotTargetDynamic=f,p.children=e.children.filter(function(e){if(!e.slotScope)return e.parent=p,!0}),p.slotScope=s.value||ca,e.children=[],e.plain=!1}}}(e),function(e){"slot"===e.tag&&(e.slotName=Ir(e,"name"))}(e),function(e){var t;(t=Ir(e,"is"))&&(e.component=t);null!=Fr(e,"inline-template")&&(e.inlineTemplate=!0)}(e);for(var i=0;i<zo.length;i++)e=zo[i](e,t)||e;return function(e){var t,n,r,i,o,a,s,c,u=e.attrsList;for(t=0,n=u.length;t<n;t++)if(r=i=u[t].name,o=u[t].value,Go.test(r))if(e.hasBindings=!0,(a=ha(r.replace(Go,"")))&&(r=r.replace(ra,"")),na.test(r))r=r.replace(na,""),o=Ar(o),(c=ea.test(r))&&(r=r.slice(1,-1)),a&&(a.prop&&!c&&"innerHtml"===(r=b(r))&&(r="innerHTML"),a.camel&&!c&&(r=b(r)),a.sync&&(s=Br(o,"$event"),c?Mr(e,'"update:"+('+r+")",s,null,!1,0,u[t],!0):(Mr(e,"update:"+b(r),s,null,!1,0,u[t]),C(r)!==b(r)&&Mr(e,"update:"+C(r),s,null,!1,0,u[t])))),a&&a.prop||!e.component&&qo(e.tag,e.attrsMap.type,r)?Er(e,r,o,u[t],c):Nr(e,r,o,u[t],c);else if(Zo.test(r))r=r.replace(Zo,""),(c=ea.test(r))&&(r=r.slice(1,-1)),Mr(e,r,o,a,!1,0,u[t],c);else{var l=(r=r.replace(Go,"")).match(ta),f=l&&l[1];c=!1,f&&(r=r.slice(0,-(f.length+1)),ea.test(f)&&(f=f.slice(1,-1),c=!0)),Dr(e,r,i,o,f,c,a,u[t])}else Nr(e,r,JSON.stringify(o),u[t]),!e.component&&"muted"===r&&qo(e.tag,e.attrsMap.type,r)&&Er(e,r,"true",u[t])}(e),e}function pa(e){var t;if(t=Fr(e,"v-for")){var n=function(e){var t=e.match(Xo);if(!t)return;var n={};n.for=t[2].trim();var r=t[1].trim().replace(Qo,""),i=r.match(Yo);i?(n.alias=r.replace(Yo,"").trim(),n.iterator1=i[1].trim(),i[2]&&(n.iterator2=i[2].trim())):n.alias=r;return n}(t);n&&A(e,n)}}function da(e,t){e.ifConditions||(e.ifConditions=[]),e.ifConditions.push(t)}function va(e){var t=e.name.replace(ia,"");return t||"#"!==e.name[0]&&(t="default"),ea.test(t)?{name:t.slice(1,-1),dynamic:!0}:{name:'"'+t+'"',dynamic:!1}}function ha(e){var t=e.match(ra);if(t){var n={};return t.forEach(function(e){n[e.slice(1)]=!0}),n}}function ma(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n].name]=e[n].value;return t}var ya=/^xmlns:NS\d+/,ga=/^NS\d+:/;function _a(e){return ua(e.tag,e.attrsList.slice(),e.parent)}var ba=[mo,go,{preTransformNode:function(e,t){if("input"===e.tag){var n,r=e.attrsMap;if(!r["v-model"])return;if((r[":type"]||r["v-bind:type"])&&(n=Ir(e,"type")),r.type||n||!r["v-bind"]||(n="("+r["v-bind"]+").type"),n){var i=Fr(e,"v-if",!0),o=i?"&&("+i+")":"",a=null!=Fr(e,"v-else",!0),s=Fr(e,"v-else-if",!0),c=_a(e);pa(c),jr(c,"type","checkbox"),fa(c,t),c.processed=!0,c.if="("+n+")==='checkbox'"+o,da(c,{exp:c.if,block:c});var u=_a(e);Fr(u,"v-for",!0),jr(u,"type","radio"),fa(u,t),da(c,{exp:"("+n+")==='radio'"+o,block:u});var l=_a(e);return Fr(l,"v-for",!0),jr(l,":type",n),fa(l,t),da(c,{exp:i,block:l}),a?c.else=!0:s&&(c.elseif=s),c}}}}];var $a,wa,Ca={expectHTML:!0,modules:ba,directives:{model:function(e,t,n){var r=t.value,i=t.modifiers,o=e.tag,a=e.attrsMap.type;if(e.component)return Hr(e,r,i),!1;if("select"===o)!function(e,t,n){var r='var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return '+(n&&n.number?"_n(val)":"val")+"});";r=r+" "+Br(t,"$event.target.multiple ? $$selectedVal : $$selectedVal[0]"),Mr(e,"change",r,null,!0)}(e,r,i);else if("input"===o&&"checkbox"===a)!function(e,t,n){var r=n&&n.number,i=Ir(e,"value")||"null",o=Ir(e,"true-value")||"true",a=Ir(e,"false-value")||"false";Er(e,"checked","Array.isArray("+t+")?_i("+t+","+i+")>-1"+("true"===o?":("+t+")":":_q("+t+","+o+")")),Mr(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+o+"):("+a+");if(Array.isArray($$a)){var $$v="+(r?"_n("+i+")":i)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+Br(t,"$$a.concat([$$v])")+")}else{$$i>-1&&("+Br(t,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+Br(t,"$$c")+"}",null,!0)}(e,r,i);else if("input"===o&&"radio"===a)!function(e,t,n){var r=n&&n.number,i=Ir(e,"value")||"null";Er(e,"checked","_q("+t+","+(i=r?"_n("+i+")":i)+")"),Mr(e,"change",Br(t,i),null,!0)}(e,r,i);else if("input"===o||"textarea"===o)!function(e,t,n){var r=e.attrsMap.type,i=n||{},o=i.lazy,a=i.number,s=i.trim,c=!o&&"range"!==r,u=o?"change":"range"===r?Wr:"input",l="$event.target.value";s&&(l="$event.target.value.trim()"),a&&(l="_n("+l+")");var f=Br(t,l);c&&(f="if($event.target.composing)return;"+f),Er(e,"value","("+t+")"),Mr(e,u,f,null,!0),(s||a)&&Mr(e,"blur","$forceUpdate()")}(e,r,i);else if(!F.isReservedTag(o))return Hr(e,r,i),!1;return!0},text:function(e,t){t.value&&Er(e,"textContent","_s("+t.value+")",t)},html:function(e,t){t.value&&Er(e,"innerHTML","_s("+t.value+")",t)}},isPreTag:function(e){return"pre"===e},isUnaryTag:bo,mustUseProp:jn,canBeLeftOpenTag:$o,isReservedTag:Wn,getTagNamespace:Zn,staticKeys:function(e){return e.reduce(function(e,t){return e.concat(t.staticKeys||[])},[]).join(",")}(ba)},xa=g(function(e){return p("type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap"+(e?","+e:""))});function ka(e,t){e&&($a=xa(t.staticKeys||""),wa=t.isReservedTag||T,function e(t){t.static=function(e){if(2===e.type)return!1;if(3===e.type)return!0;return!(!e.pre&&(e.hasBindings||e.if||e.for||d(e.tag)||!wa(e.tag)||function(e){for(;e.parent;){if("template"!==(e=e.parent).tag)return!1;if(e.for)return!0}return!1}(e)||!Object.keys(e).every($a)))}(t);if(1===t.type){if(!wa(t.tag)&&"slot"!==t.tag&&null==t.attrsMap["inline-template"])return;for(var n=0,r=t.children.length;n<r;n++){var i=t.children[n];e(i),i.static||(t.static=!1)}if(t.ifConditions)for(var o=1,a=t.ifConditions.length;o<a;o++){var s=t.ifConditions[o].block;e(s),s.static||(t.static=!1)}}}(e),function e(t,n){if(1===t.type){if((t.static||t.once)&&(t.staticInFor=n),t.static&&t.children.length&&(1!==t.children.length||3!==t.children[0].type))return void(t.staticRoot=!0);if(t.staticRoot=!1,t.children)for(var r=0,i=t.children.length;r<i;r++)e(t.children[r],n||!!t.for);if(t.ifConditions)for(var o=1,a=t.ifConditions.length;o<a;o++)e(t.ifConditions[o].block,n)}}(e,!1))}var Aa=/^([\w$_]+|\([^)]*?\))\s*=>|^function(?:\s+[\w$]+)?\s*\(/,Oa=/\([^)]*?\);*$/,Sa=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,Ta={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},Ea={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},Na=function(e){return"if("+e+")return null;"},ja={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:Na("$event.target !== $event.currentTarget"),ctrl:Na("!$event.ctrlKey"),shift:Na("!$event.shiftKey"),alt:Na("!$event.altKey"),meta:Na("!$event.metaKey"),left:Na("'button' in $event && $event.button !== 0"),middle:Na("'button' in $event && $event.button !== 1"),right:Na("'button' in $event && $event.button !== 2")};function Da(e,t){var n=t?"nativeOn:":"on:",r="",i="";for(var o in e){var a=La(e[o]);e[o]&&e[o].dynamic?i+=o+","+a+",":r+='"'+o+'":'+a+","}return r="{"+r.slice(0,-1)+"}",i?n+"_d("+r+",["+i.slice(0,-1)+"])":n+r}function La(e){if(!e)return"function(){}";if(Array.isArray(e))return"["+e.map(function(e){return La(e)}).join(",")+"]";var t=Sa.test(e.value),n=Aa.test(e.value),r=Sa.test(e.value.replace(Oa,""));if(e.modifiers){var i="",o="",a=[];for(var s in e.modifiers)if(ja[s])o+=ja[s],Ta[s]&&a.push(s);else if("exact"===s){var c=e.modifiers;o+=Na(["ctrl","shift","alt","meta"].filter(function(e){return!c[e]}).map(function(e){return"$event."+e+"Key"}).join("||"))}else a.push(s);return a.length&&(i+=function(e){return"if(!$event.type.indexOf('key')&&"+e.map(Ma).join("&&")+")return null;"}(a)),o&&(i+=o),"function($event){"+i+(t?"return "+e.value+"($event)":n?"return ("+e.value+")($event)":r?"return "+e.value:e.value)+"}"}return t||n?e.value:"function($event){"+(r?"return "+e.value:e.value)+"}"}function Ma(e){var t=parseInt(e,10);if(t)return"$event.keyCode!=="+t;var n=Ta[e],r=Ea[e];return"_k($event.keyCode,"+JSON.stringify(e)+","+JSON.stringify(n)+",$event.key,"+JSON.stringify(r)+")"}var Ia={on:function(e,t){e.wrapListeners=function(e){return"_g("+e+","+t.value+")"}},bind:function(e,t){e.wrapData=function(n){return"_b("+n+",'"+e.tag+"',"+t.value+","+(t.modifiers&&t.modifiers.prop?"true":"false")+(t.modifiers&&t.modifiers.sync?",true":"")+")"}},cloak:S},Fa=function(e){this.options=e,this.warn=e.warn||Sr,this.transforms=Tr(e.modules,"transformCode"),this.dataGenFns=Tr(e.modules,"genData"),this.directives=A(A({},Ia),e.directives);var t=e.isReservedTag||T;this.maybeComponent=function(e){return!!e.component||!t(e.tag)},this.onceId=0,this.staticRenderFns=[],this.pre=!1};function Pa(e,t){var n=new Fa(t);return{render:"with(this){return "+(e?Ra(e,n):'_c("div")')+"}",staticRenderFns:n.staticRenderFns}}function Ra(e,t){if(e.parent&&(e.pre=e.pre||e.parent.pre),e.staticRoot&&!e.staticProcessed)return Ha(e,t);if(e.once&&!e.onceProcessed)return Ba(e,t);if(e.for&&!e.forProcessed)return za(e,t);if(e.if&&!e.ifProcessed)return Ua(e,t);if("template"!==e.tag||e.slotTarget||t.pre){if("slot"===e.tag)return function(e,t){var n=e.slotName||'"default"',r=qa(e,t),i="_t("+n+(r?","+r:""),o=e.attrs||e.dynamicAttrs?Ga((e.attrs||[]).concat(e.dynamicAttrs||[]).map(function(e){return{name:b(e.name),value:e.value,dynamic:e.dynamic}})):null,a=e.attrsMap["v-bind"];!o&&!a||r||(i+=",null");o&&(i+=","+o);a&&(i+=(o?"":",null")+","+a);return i+")"}(e,t);var n;if(e.component)n=function(e,t,n){var r=t.inlineTemplate?null:qa(t,n,!0);return"_c("+e+","+Va(t,n)+(r?","+r:"")+")"}(e.component,e,t);else{var r;(!e.plain||e.pre&&t.maybeComponent(e))&&(r=Va(e,t));var i=e.inlineTemplate?null:qa(e,t,!0);n="_c('"+e.tag+"'"+(r?","+r:"")+(i?","+i:"")+")"}for(var o=0;o<t.transforms.length;o++)n=t.transforms[o](e,n);return n}return qa(e,t)||"void 0"}function Ha(e,t){e.staticProcessed=!0;var n=t.pre;return e.pre&&(t.pre=e.pre),t.staticRenderFns.push("with(this){return "+Ra(e,t)+"}"),t.pre=n,"_m("+(t.staticRenderFns.length-1)+(e.staticInFor?",true":"")+")"}function Ba(e,t){if(e.onceProcessed=!0,e.if&&!e.ifProcessed)return Ua(e,t);if(e.staticInFor){for(var n="",r=e.parent;r;){if(r.for){n=r.key;break}r=r.parent}return n?"_o("+Ra(e,t)+","+t.onceId+++","+n+")":Ra(e,t)}return Ha(e,t)}function Ua(e,t,n,r){return e.ifProcessed=!0,function e(t,n,r,i){if(!t.length)return i||"_e()";var o=t.shift();return o.exp?"("+o.exp+")?"+a(o.block)+":"+e(t,n,r,i):""+a(o.block);function a(e){return r?r(e,n):e.once?Ba(e,n):Ra(e,n)}}(e.ifConditions.slice(),t,n,r)}function za(e,t,n,r){var i=e.for,o=e.alias,a=e.iterator1?","+e.iterator1:"",s=e.iterator2?","+e.iterator2:"";return e.forProcessed=!0,(r||"_l")+"(("+i+"),function("+o+a+s+"){return "+(n||Ra)(e,t)+"})"}function Va(e,t){var n="{",r=function(e,t){var n=e.directives;if(!n)return;var r,i,o,a,s="directives:[",c=!1;for(r=0,i=n.length;r<i;r++){o=n[r],a=!0;var u=t.directives[o.name];u&&(a=!!u(e,o,t.warn)),a&&(c=!0,s+='{name:"'+o.name+'",rawName:"'+o.rawName+'"'+(o.value?",value:("+o.value+"),expression:"+JSON.stringify(o.value):"")+(o.arg?",arg:"+(o.isDynamicArg?o.arg:'"'+o.arg+'"'):"")+(o.modifiers?",modifiers:"+JSON.stringify(o.modifiers):"")+"},")}if(c)return s.slice(0,-1)+"]"}(e,t);r&&(n+=r+","),e.key&&(n+="key:"+e.key+","),e.ref&&(n+="ref:"+e.ref+","),e.refInFor&&(n+="refInFor:true,"),e.pre&&(n+="pre:true,"),e.component&&(n+='tag:"'+e.tag+'",');for(var i=0;i<t.dataGenFns.length;i++)n+=t.dataGenFns[i](e);if(e.attrs&&(n+="attrs:"+Ga(e.attrs)+","),e.props&&(n+="domProps:"+Ga(e.props)+","),e.events&&(n+=Da(e.events,!1)+","),e.nativeEvents&&(n+=Da(e.nativeEvents,!0)+","),e.slotTarget&&!e.slotScope&&(n+="slot:"+e.slotTarget+","),e.scopedSlots&&(n+=function(e,t,n){var r=e.for||Object.keys(t).some(function(e){var n=t[e];return n.slotTargetDynamic||n.if||n.for||Ka(n)}),i=!!e.if;if(!r)for(var o=e.parent;o;){if(o.slotScope&&o.slotScope!==ca||o.for){r=!0;break}o.if&&(i=!0),o=o.parent}var a=Object.keys(t).map(function(e){return Ja(t[e],n)}).join(",");return"scopedSlots:_u(["+a+"]"+(r?",null,true":"")+(!r&&i?",null,false,"+function(e){var t=5381,n=e.length;for(;n;)t=33*t^e.charCodeAt(--n);return t>>>0}(a):"")+")"}(e,e.scopedSlots,t)+","),e.model&&(n+="model:{value:"+e.model.value+",callback:"+e.model.callback+",expression:"+e.model.expression+"},"),e.inlineTemplate){var o=function(e,t){var n=e.children[0];if(n&&1===n.type){var r=Pa(n,t.options);return"inlineTemplate:{render:function(){"+r.render+"},staticRenderFns:["+r.staticRenderFns.map(function(e){return"function(){"+e+"}"}).join(",")+"]}"}}(e,t);o&&(n+=o+",")}return n=n.replace(/,$/,"")+"}",e.dynamicAttrs&&(n="_b("+n+',"'+e.tag+'",'+Ga(e.dynamicAttrs)+")"),e.wrapData&&(n=e.wrapData(n)),e.wrapListeners&&(n=e.wrapListeners(n)),n}function Ka(e){return 1===e.type&&("slot"===e.tag||e.children.some(Ka))}function Ja(e,t){var n=e.attrsMap["slot-scope"];if(e.if&&!e.ifProcessed&&!n)return Ua(e,t,Ja,"null");if(e.for&&!e.forProcessed)return za(e,t,Ja);var r=e.slotScope===ca?"":String(e.slotScope),i="function("+r+"){return "+("template"===e.tag?e.if&&n?"("+e.if+")?"+(qa(e,t)||"undefined")+":undefined":qa(e,t)||"undefined":Ra(e,t))+"}",o=r?"":",proxy:true";return"{key:"+(e.slotTarget||'"default"')+",fn:"+i+o+"}"}function qa(e,t,n,r,i){var o=e.children;if(o.length){var a=o[0];if(1===o.length&&a.for&&"template"!==a.tag&&"slot"!==a.tag){var s=n?t.maybeComponent(a)?",1":",0":"";return""+(r||Ra)(a,t)+s}var c=n?function(e,t){for(var n=0,r=0;r<e.length;r++){var i=e[r];if(1===i.type){if(Wa(i)||i.ifConditions&&i.ifConditions.some(function(e){return Wa(e.block)})){n=2;break}(t(i)||i.ifConditions&&i.ifConditions.some(function(e){return t(e.block)}))&&(n=1)}}return n}(o,t.maybeComponent):0,u=i||Za;return"["+o.map(function(e){return u(e,t)}).join(",")+"]"+(c?","+c:"")}}function Wa(e){return void 0!==e.for||"template"===e.tag||"slot"===e.tag}function Za(e,t){return 1===e.type?Ra(e,t):3===e.type&&e.isComment?(r=e,"_e("+JSON.stringify(r.text)+")"):"_v("+(2===(n=e).type?n.expression:Xa(JSON.stringify(n.text)))+")";var n,r}function Ga(e){for(var t="",n="",r=0;r<e.length;r++){var i=e[r],o=Xa(i.value);i.dynamic?n+=i.name+","+o+",":t+='"'+i.name+'":'+o+","}return t="{"+t.slice(0,-1)+"}",n?"_d("+t+",["+n.slice(0,-1)+"])":t}function Xa(e){return e.replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}new RegExp("\\b"+"do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,super,throw,while,yield,delete,export,import,return,switch,default,extends,finally,continue,debugger,function,arguments".split(",").join("\\b|\\b")+"\\b");function Ya(e,t){try{return new Function(e)}catch(n){return t.push({err:n,code:e}),S}}function Qa(e){var t=Object.create(null);return function(n,r,i){(r=A({},r)).warn;delete r.warn;var o=r.delimiters?String(r.delimiters)+n:n;if(t[o])return t[o];var a=e(n,r),s={},c=[];return s.render=Ya(a.render,c),s.staticRenderFns=a.staticRenderFns.map(function(e){return Ya(e,c)}),t[o]=s}}var es,ts,ns=(es=function(e,t){var n=la(e.trim(),t);!1!==t.optimize&&ka(n,t);var r=Pa(n,t);return{ast:n,render:r.render,staticRenderFns:r.staticRenderFns}},function(e){function t(t,n){var r=Object.create(e),i=[],o=[];if(n)for(var a in n.modules&&(r.modules=(e.modules||[]).concat(n.modules)),n.directives&&(r.directives=A(Object.create(e.directives||null),n.directives)),n)"modules"!==a&&"directives"!==a&&(r[a]=n[a]);r.warn=function(e,t,n){(n?o:i).push(e)};var s=es(t.trim(),r);return s.errors=i,s.tips=o,s}return{compile:t,compileToFunctions:Qa(t)}})(Ca),rs=(ns.compile,ns.compileToFunctions);function is(e){return(ts=ts||document.createElement("div")).innerHTML=e?'<a href="\n"/>':'<div a="\n"/>',ts.innerHTML.indexOf("&#10;")>0}var os=!!z&&is(!1),as=!!z&&is(!0),ss=g(function(e){var t=Yn(e);return t&&t.innerHTML}),cs=wn.prototype.$mount;return wn.prototype.$mount=function(e,t){if((e=e&&Yn(e))===document.body||e===document.documentElement)return this;var n=this.$options;if(!n.render){var r=n.template;if(r)if("string"==typeof r)"#"===r.charAt(0)&&(r=ss(r));else{if(!r.nodeType)return this;r=r.innerHTML}else e&&(r=function(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}(e));if(r){var i=rs(r,{outputSourceRange:!1,shouldDecodeNewlines:os,shouldDecodeNewlinesForHref:as,delimiters:n.delimiters,comments:n.comments},this),o=i.render,a=i.staticRenderFns;n.render=o,n.staticRenderFns=a}}return cs.call(this,e,t)},wn.compile=rs,wn});