| 1 |
const slug = "b-timeline"; |
| 2 |
import { heroImage } from "./heroImage"; |
| 3 |
|
| 4 |
export const dashboardInfo = (info) => { |
| 5 |
const { version, isPremium, hasPro, licenseActiveNonce, deleteDataOnUninstall, uninstallNonce, adminUrl = '', nonce, action } = info; |
| 6 |
|
| 7 |
const proSuffix = isPremium ? ' Pro' : ''; |
| 8 |
|
| 9 |
return { |
| 10 |
name: `Timeline${proSuffix}`, |
| 11 |
displayName: `Timeline${proSuffix} - Vertical and Horizontal Timeline Layouts`, |
| 12 |
description: "Timeline is a liteweight WordPress plugin that lets you create and display timeline in any Posts / Pages/ Widget .The plugin is very easy to use and anyone can use the plugin easily without any technical knowledge.", |
| 13 |
slug, |
| 14 |
version, |
| 15 |
isPremium, |
| 16 |
hasPro, |
| 17 |
deleteDataOnUninstall, |
| 18 |
uninstallNonce, |
| 19 |
adminUrl, |
| 20 |
nonce, |
| 21 |
action, |
| 22 |
displayOurPlugins: true, |
| 23 |
media: { |
| 24 |
logo: `https://ps.w.org/${slug}/assets/icon-128x128.png`, |
| 25 |
banner: `https://ps.w.org/${slug}/assets/banner-772x250.png`, |
| 26 |
thumbnail: heroImage, |
| 27 |
// proThumbnail: `https://bplugins.com/wp-content/themes/b-technologies/assets/images/products/${slug}-pro.png`, |
| 28 |
// video: 'https://www.youtube.com/watch?v=milYZrqLJsE', |
| 29 |
// isYoutube: true |
| 30 |
}, |
| 31 |
pages: { |
| 32 |
org: `https://wordpress.org/plugins/${slug}/`, |
| 33 |
landing: `https://bplugins.com/products/${slug}/`, |
| 34 |
docs: `https://bplugins.com/docs/${slug}/`, |
| 35 |
pricing: `https://bplugins.com/products/${slug}/pricing`, |
| 36 |
}, |
| 37 |
freemius: { |
| 38 |
product_id: '17342', |
| 39 |
plan_id: '28900', |
| 40 |
public_key: 'pk_624005a9d0c56ff46db6602f5f730', |
| 41 |
}, |
| 42 |
licenseActiveNonce, |
| 43 |
startButton: { |
| 44 |
label: 'Start Now', |
| 45 |
url: `${adminUrl}post-new.php?post_type=btimeline` |
| 46 |
} |
| 47 |
} |
| 48 |
} |
| 49 |
|
| 50 |
const shortcodeTabIcon = ( |
| 51 |
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 52 |
<path d="M8 4H5v16h3M16 4h3v16h-3" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" /> |
| 53 |
</svg> |
| 54 |
); |
| 55 |
|
| 56 |
const gutenbergTabIcon = ( |
| 57 |
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 58 |
<path d="M19.5 12c0-4.14-3.36-7.5-7.5-7.5S4.5 7.86 4.5 12s3.36 7.5 7.5 7.5 7.5-3.36 7.5-7.5Z" stroke="currentColor" strokeWidth="1.5" /> |
| 59 |
<path d="M12 8v8M8 12h8" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" /> |
| 60 |
</svg> |
| 61 |
); |
| 62 |
|
| 63 |
const elementorTabIcon = ( |
| 64 |
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 65 |
<path d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" /> |
| 66 |
<path d="M7 7h10M7 12h10M7 17h10M7 7v10" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" /> |
| 67 |
</svg> |
| 68 |
); |
| 69 |
|
| 70 |
export const welcomeInfo = (adminUrl = '/wp-admin/') => ({ |
| 71 |
keywords: ['Horizontal', 'Vertical', 'Milestones', 'Roadmap', 'History'], |
| 72 |
keywordsLabel: 'Layouts', |
| 73 |
|
| 74 |
gettingStarted: { |
| 75 |
tabs: [ |
| 76 |
{ |
| 77 |
key: 'shortcode', |
| 78 |
label: 'Shortcode', |
| 79 |
icon: shortcodeTabIcon, |
| 80 |
steps: [ |
| 81 |
{ |
| 82 |
num: 1, |
| 83 |
title: 'Create a Timeline', |
| 84 |
body: 'Go to <strong>Timeline</strong> › <strong>Add New</strong> and give your timeline a title.', |
| 85 |
link: { url: `${adminUrl}post-new.php?post_type=btimeline`, label: 'Create Timeline' } |
| 86 |
}, |
| 87 |
{ |
| 88 |
num: 2, |
| 89 |
title: 'Configure & Style', |
| 90 |
body: 'Use the <strong>Timeline Configuration</strong> panel to pick <strong>Vertical</strong> or <strong>Horizontal</strong> layout, then style the bar, dots, and items.' |
| 91 |
}, |
| 92 |
{ |
| 93 |
num: 3, |
| 94 |
title: 'Copy the Shortcode', |
| 95 |
body: 'Save the timeline and copy the shortcode shown above the editor (e.g. <code>[btimeline id="123"]</code>).', |
| 96 |
link: { url: `${adminUrl}edit.php?post_type=btimeline`, label: 'View All Timelines' } |
| 97 |
}, |
| 98 |
{ |
| 99 |
num: 4, |
| 100 |
title: 'Paste Anywhere', |
| 101 |
body: 'Paste the shortcode into any post, page, or text widget and hit <strong>Publish</strong> to see it live.' |
| 102 |
} |
| 103 |
] |
| 104 |
}, |
| 105 |
{ |
| 106 |
key: 'gutenberg', |
| 107 |
label: 'Gutenberg', |
| 108 |
icon: gutenbergTabIcon, |
| 109 |
steps: [ |
| 110 |
{ |
| 111 |
num: 1, |
| 112 |
title: 'Create a Timeline', |
| 113 |
body: 'Go to <strong>Timeline</strong> › <strong>Add New</strong>, build your timeline items, and save.', |
| 114 |
link: { url: `${adminUrl}post-new.php?post_type=btimeline`, label: 'Create Timeline' } |
| 115 |
}, |
| 116 |
{ |
| 117 |
num: 2, |
| 118 |
title: 'Open the Block Editor', |
| 119 |
body: 'Edit the post or page where the timeline should appear.' |
| 120 |
}, |
| 121 |
{ |
| 122 |
num: 3, |
| 123 |
title: 'Add a Shortcode Block', |
| 124 |
body: 'Click <strong>+</strong>, search for <strong>Shortcode</strong>, and insert the block.' |
| 125 |
}, |
| 126 |
{ |
| 127 |
num: 4, |
| 128 |
title: 'Paste & Publish', |
| 129 |
body: 'Paste <code>[btimeline id="123"]</code> into the block and click <strong>Publish/Update</strong>.' |
| 130 |
} |
| 131 |
] |
| 132 |
}, |
| 133 |
{ |
| 134 |
key: 'elementor', |
| 135 |
label: 'Elementor', |
| 136 |
icon: elementorTabIcon, |
| 137 |
steps: [ |
| 138 |
{ |
| 139 |
num: 1, |
| 140 |
title: 'Create a Timeline', |
| 141 |
body: 'Go to <strong>Timeline</strong> › <strong>Add New</strong> to build and style your timeline.', |
| 142 |
link: { url: `${adminUrl}post-new.php?post_type=btimeline`, label: 'Create Timeline' } |
| 143 |
}, |
| 144 |
{ |
| 145 |
num: 2, |
| 146 |
title: 'Copy the Shortcode', |
| 147 |
body: 'From the <strong>Timeline</strong> list, find your timeline and copy its shortcode (e.g. <code>[btimeline id="123"]</code>).', |
| 148 |
link: { url: `${adminUrl}edit.php?post_type=btimeline`, label: 'View All Timelines' } |
| 149 |
}, |
| 150 |
{ |
| 151 |
num: 3, |
| 152 |
title: 'Add to Page', |
| 153 |
body: 'Open any page/post in Elementor. Drag and drop the <strong>Shortcode</strong> or <strong>Text Editor</strong> widget into your canvas.' |
| 154 |
}, |
| 155 |
{ |
| 156 |
num: 4, |
| 157 |
title: 'Paste & Publish', |
| 158 |
body: 'Paste the copied shortcode into the widget settings and click <strong>Publish/Update</strong> to save.' |
| 159 |
} |
| 160 |
] |
| 161 |
} |
| 162 |
] |
| 163 |
}, |
| 164 |
|
| 165 |
changelogs: [ |
| 166 |
{ |
| 167 |
version: "2.0.3 - 31 August 2026", |
| 168 |
type: "update", |
| 169 |
list: [ |
| 170 |
"<strong>New:</strong> Added Dynamic Post Timeline block(Pro) — create timelines dynamically from any custom post type, filtered by taxonomy, terms, and author(Pro).", |
| 171 |
"<strong>New:</strong> Added Accordion Timeline block(Pro) — collapsible groups of steps with custom status markers and interactive toggle(Pro).", |
| 172 |
"<strong>New:</strong> Added Company History Timeline block(Pro) — interactive year card with clickable year rail and auto- slide navigation(Pro).", |
| 173 |
"<strong>New:</strong> Added new feature blocks including Career Timeline(Pro), Media Story Timeline(Pro), Event Schedule(Pro), Roadmap Timeline(Pro), and Year Navigator(Pro).", |
| 174 |
"<strong>Improvement:</strong> Improved editor preview for Horizontal and Vertical layouts with real - time live preview synchronization.", |
| 175 |
"<strong>Improvement:</strong> Improved Accordion Timeline expand/ collapse functionality in both editor and frontend.", |
| 176 |
"<strong>Update:</strong> Updated settings UI labels for Dot controls and styling options." |
| 177 |
] |
| 178 |
}, |
| 179 |
{ |
| 180 |
version: "2.0.2 - 11 April 2026", |
| 181 |
type: "fix", |
| 182 |
list: [ |
| 183 |
"<strong>Fix:</strong> Fixed Issues.", |
| 184 |
"<strong>Update:</strong> Updated Pro Version - Add New Theme & Animation Features." |
| 185 |
], |
| 186 |
}, |
| 187 |
{ |
| 188 |
version: "2.0.1 - 24 February 2026", |
| 189 |
type: "update", |
| 190 |
list: [ |
| 191 |
"<strong>Improvement:</strong> Redesigned the full settings layout and improved the admin dashboard interface.", |
| 192 |
"<strong>Improvement:</strong> Optimized files and enhanced overall code readability for better maintainability.", |
| 193 |
"<strong>Improvement:</strong> Optimized plugin files." |
| 194 |
], |
| 195 |
}, |
| 196 |
{ |
| 197 |
version: "2.0.0 - 25 January 2026", |
| 198 |
type: "fix", |
| 199 |
list: [ |
| 200 |
"<strong>Fix:</strong> Fixed horizontal timeline issue.", |
| 201 |
"<strong>Improvement:</strong> Optimized plugin files." |
| 202 |
], |
| 203 |
}, |
| 204 |
{ |
| 205 |
version: "1.1.9 - 15 November 2025", |
| 206 |
type: "fix", |
| 207 |
list: ["<strong>Fix:</strong> Fixed Issues."], |
| 208 |
}, |
| 209 |
{ |
| 210 |
version: "1.1.8 - 5 November 2025", |
| 211 |
type: "update", |
| 212 |
list: ["<strong>Update:</strong> Updated dashboard."], |
| 213 |
}, |
| 214 |
{ |
| 215 |
version: "1.1.7 - 21 October 2025", |
| 216 |
type: "fix", |
| 217 |
list: ["<strong>Fix:</strong> Fixed conflict issues and updated demos."], |
| 218 |
}, |
| 219 |
{ |
| 220 |
version: "1.1.6 - 16 September 2025", |
| 221 |
type: "new", |
| 222 |
list: ["<strong>New:</strong> Add Modern Dashboard."], |
| 223 |
}, |
| 224 |
{ |
| 225 |
version: "1.1.5 - 19 May 2025", |
| 226 |
type: "fix", |
| 227 |
list: ["<strong>Fix:</strong> Fixed Mobile view issue."], |
| 228 |
}, |
| 229 |
{ |
| 230 |
version: "1.1.4 - 24 April 2025", |
| 231 |
type: "fix", |
| 232 |
list: ["<strong>Fix:</strong> Fixed textdomain issues and seo issue."], |
| 233 |
}, |
| 234 |
{ |
| 235 |
version: "1.1.3 - 24 April 2025", |
| 236 |
type: "fix", |
| 237 |
list: ["<strong>Fix:</strong> Fixed textdomain issues."], |
| 238 |
}, |
| 239 |
{ |
| 240 |
version: "1.1.2 - 20 March 2025", |
| 241 |
type: "fix", |
| 242 |
list: ["<strong>Fix:</strong> Fixed Issues."], |
| 243 |
}, |
| 244 |
{ |
| 245 |
version: "1.1.1 - 11 March 2025", |
| 246 |
type: "fix", |
| 247 |
list: ["<strong>Fix:</strong> Fixed Issues."], |
| 248 |
}, |
| 249 |
], |
| 250 |
changelogsLimit: 5, |
| 251 |
changelogsReadMoreLabel: 'View More Changelogs', |
| 252 |
|
| 253 |
proFeatures: [ |
| 254 |
"ShortCode to use Timeline Block anywhere.", |
| 255 |
"Eleven extra professional theme designs.", |
| 256 |
"Classic Editor for advanced formatting.", |
| 257 |
"Customizable and styled timeline icons.", |
| 258 |
"Advanced tools for ultimate design control.", |
| 259 |
"Animation effects for timeline items.", |
| 260 |
"Access to AI Timeline Content Generator.", |
| 261 |
"Media Story Timeline block with image, video & lightbox.", |
| 262 |
"Year Navigator block for company history pages.", |
| 263 |
"Product Roadmap block with statuses, progress & filters.", |
| 264 |
"Career Timeline block for resume & experience pages.", |
| 265 |
"Event Schedule block with horizontal time slots." |
| 266 |
] |
| 267 |
}) |
| 268 |
|
| 269 |
export const demoInfo = { |
| 270 |
allInOneLabel: 'See All Demos', |
| 271 |
allInOneLink: "https://bblockswp.com/demo/timeline-block-all-demos/", |
| 272 |
demos: [ |
| 273 |
{ |
| 274 |
icon: "", |
| 275 |
title: "Default Timeline", |
| 276 |
type: "iframe", |
| 277 |
url: "https://bblockswp.com/demo/timeline/", |
| 278 |
}, |
| 279 |
{ |
| 280 |
icon: "", |
| 281 |
title: "Default Customized Timeline", |
| 282 |
type: "iframe", |
| 283 |
url: "https://bblockswp.com/demo/customize-timeline-default-theme/", |
| 284 |
}, |
| 285 |
{ |
| 286 |
icon: "", |
| 287 |
title: "Template 1(Accordion Timeline)", |
| 288 |
type: "iframe", |
| 289 |
url: "https://bblockswp.com/demo/accordion-timeline-with-classic-editor-pro/", |
| 290 |
}, |
| 291 |
{ |
| 292 |
icon: "", |
| 293 |
title: "Template 2(Vertical & Horizontal Options)", |
| 294 |
type: "iframe", |
| 295 |
url: "https://bblockswp.com/demo/timeline-with-icon-and-date-pro/", |
| 296 |
}, |
| 297 |
{ |
| 298 |
icon: "", |
| 299 |
title: "Template 3", |
| 300 |
type: "iframe", |
| 301 |
url: "https://bblockswp.com/demo/theme-3-pro/", |
| 302 |
}, |
| 303 |
{ |
| 304 |
icon: "", |
| 305 |
title: "Template 4", |
| 306 |
type: "iframe", |
| 307 |
url: "https://bblockswp.com/demo/theme-4-pro/", |
| 308 |
}, |
| 309 |
{ |
| 310 |
icon: "", |
| 311 |
title: "Template 5", |
| 312 |
type: "iframe", |
| 313 |
url: "https://bblockswp.com/demo/timeline-block-theme-5-pro/", |
| 314 |
}, |
| 315 |
{ |
| 316 |
icon: "", |
| 317 |
title: "Template 6", |
| 318 |
type: "iframe", |
| 319 |
url: "https://bblockswp.com/demo/timeline-block-theme-6-pro/", |
| 320 |
}, |
| 321 |
{ |
| 322 |
icon: "", |
| 323 |
title: "Template 7", |
| 324 |
type: "iframe", |
| 325 |
url: "https://bblockswp.com/demo/timeline-block-theme-7-pro/", |
| 326 |
}, |
| 327 |
{ |
| 328 |
icon: "", |
| 329 |
title: "Template 8", |
| 330 |
type: "iframe", |
| 331 |
url: "https://bblockswp.com/demo/timeline-block-theme-8-pro/", |
| 332 |
}, |
| 333 |
{ |
| 334 |
icon: "", |
| 335 |
title: "Template 9", |
| 336 |
type: "iframe", |
| 337 |
url: "https://bblockswp.com/demo/timeline-block-theme-9-pro/" |
| 338 |
}, |
| 339 |
{ |
| 340 |
icon: "", |
| 341 |
title: "Sticky Scroll Story", |
| 342 |
type: "iframe", |
| 343 |
url: "https://bblockswp.com/demo/timeline-block-sticky-scroll-story/" |
| 344 |
}, |
| 345 |
{ |
| 346 |
icon: "", |
| 347 |
title: "Rotary Wheel", |
| 348 |
type: "iframe", |
| 349 |
url: "https://bblockswp.com/demo/timeline-block-rotary-wheel/" |
| 350 |
}, |
| 351 |
{ |
| 352 |
icon: "", |
| 353 |
title: "Media Story Timeline Block", |
| 354 |
type: "iframe", |
| 355 |
url: "https://bblockswp.com/demo/timeline-block-media-story-timeline/" |
| 356 |
}, |
| 357 |
{ |
| 358 |
icon: "", |
| 359 |
title: "Accordion Timeline Block", |
| 360 |
type: "iframe", |
| 361 |
url: "https://bblockswp.com/demo/timeline-block-accordion-timeline/" |
| 362 |
}, |
| 363 |
{ |
| 364 |
icon: "", |
| 365 |
title: "Year Navigator Block", |
| 366 |
type: "iframe", |
| 367 |
url: "https://bblockswp.com/demo/timeline-block-year-navigator/" |
| 368 |
}, |
| 369 |
{ |
| 370 |
icon: "", |
| 371 |
title: "Product Roadmap Block", |
| 372 |
type: "iframe", |
| 373 |
url: "https://bblockswp.com/demo/timeline-block-product-roadmap/" |
| 374 |
}, |
| 375 |
{ |
| 376 |
icon: "", |
| 377 |
title: "Career Timeline Block", |
| 378 |
type: "iframe", |
| 379 |
url: "https://bblockswp.com/demo/timeline-block-career-timeline/" |
| 380 |
}, |
| 381 |
{ |
| 382 |
icon: "", |
| 383 |
title: "Event Schedule Block", |
| 384 |
type: "iframe", |
| 385 |
url: "https://bblockswp.com/demo/timeline-block-event-schedule/" |
| 386 |
}, |
| 387 |
{ |
| 388 |
icon: "", |
| 389 |
title: "Dynamic Post Timeline Block", |
| 390 |
type: "iframe", |
| 391 |
url: "https://bblockswp.com/demo/timeline-block-dynamic-post-timeline/" |
| 392 |
}, |
| 393 |
{ |
| 394 |
icon: "", |
| 395 |
title: "Company History Timeline Block", |
| 396 |
type: "iframe", |
| 397 |
url: "https://bblockswp.com/demo/timeline-block-company-history-timeline/" |
| 398 |
} |
| 399 |
], |
| 400 |
} |
| 401 |
|
| 402 |
export const pricingInfo = { |
| 403 |
logo: `https://ps.w.org/${slug}/assets/icon-128x128.png`, // Optional |
| 404 |
pluginId: 17342, |
| 405 |
planId: 28900, |
| 406 |
licenses: [ |
| 407 |
1, |
| 408 |
3, |
| 409 |
null |
| 410 |
], |
| 411 |
button: { |
| 412 |
label: 'Buy Now ➜' |
| 413 |
}, |
| 414 |
featured: { |
| 415 |
selected: 3, // choose from licenses item |
| 416 |
} |
| 417 |
} |
| 418 |
|
