@versoly/plugins 0.0.5 → 0.0.7

package/dist/index.cjs

@@ -704,15 +704,16 @@ var tailtip_default = defineConfig({
 
 // src/plugins/versoly-marquee.ts
 var src = "https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-marquee/0.0.2/versoly-marquee.iife.js";
+var js6 = `window.vMarquees = [];
+window.vGetElementsByToggle('marquee').forEach((elem) => {
+const marquee = new Marquee(elem, window.vGetElementOptions(elem));
+window.vMarquees.push(marquee);
+});`;
 var versoly_marquee_default = defineConfig({
   name: "versoly-marquee",
+  js: js6,
   options: {
     name: "Marquee",
-    js: `window.vMarquees = [];
-window.vGetElementsByToggle('marquee').forEach((elem) => {
-  const marquee = new Marquee(elem, window.vGetElementOptions(elem));
-  window.vMarquees.push(marquee);
-});`,
     previewInEditor: true,
     isShown: {
       props: {
@@ -798,10 +799,10 @@ var versoly_ui_default = defineConfig({
 });
 
 // src/plugins/versoly-analytics.ts
-var js6 = `!function(e){e.versoly.event=function(t){if(!("visibilityState"in document&&"prerender"===document.visibilityState||/bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex/i.test(navigator.userAgent)||e._phantom||e.__nightmare||e.navigator.webdriver||e.Cypress||""===e.location.host)){var n=new XMLHttpRequest;n.open("POST",e.versoly.url,!0),n.setRequestHeader("Content-Type","application/json; charset=UTF-8"),n.send(JSON.stringify({siteId:e.versoly.id,referrer:document.referrer,paramReferrer:"",hostname:e.location.hostname,pathname:e.location.pathname+e.location.search,width:e.innerWidth,height:e.innerHeight,tz:Intl.DateTimeFormat().resolvedOptions().timeZone,...t}))}}}(window),window.versoly.event({name: 'pageview'});`;
+var js7 = `!function(e){e.versoly.event=function(t){if(!("visibilityState"in document&&"prerender"===document.visibilityState||/bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex/i.test(navigator.userAgent)||e._phantom||e.__nightmare||e.navigator.webdriver||e.Cypress||""===e.location.host)){var n=new XMLHttpRequest;n.open("POST",e.versoly.url,!0),n.setRequestHeader("Content-Type","application/json; charset=UTF-8"),n.send(JSON.stringify({siteId:e.versoly.id,referrer:document.referrer,paramReferrer:"",hostname:e.location.hostname,pathname:e.location.pathname+e.location.search,width:e.innerWidth,height:e.innerHeight,tz:Intl.DateTimeFormat().resolvedOptions().timeZone,...t}))}}}(window),window.versoly.event({name: 'pageview'});`;
 var versoly_analytics_default = defineConfig({
-  name: "Versoly Analytics",
-  js: js6,
+  name: "versoly-analytics",
+  js: js7,
   checks: [{ html: "/api/event" }]
 });
 
@@ -987,9 +988,7 @@ window.addFormListener && window.addFormListener()
 });
 
 // src/plugins/versoly-modal.ts
-var versoly_modal_default = defineConfig({
-  name: "versoly-modal",
-  js: `window.vGetElementsByToggle('modal').forEach(elem => {
+var js8 = `window.vGetElementsByToggle('modal').forEach(elem => {
   let options = window.vGetElementOptions(elem);
 
   if (options.globalBlockId && window.vComponents[options.globalBlockId]) {
@@ -1001,10 +1000,88 @@ var versoly_modal_default = defineConfig({
   }
 
   elem.dataset.options = JSON.stringify(options);
-});`,
+});`;
+var versoly_modal_default = defineConfig({
+  name: "versoly-modal",
+  js: js8,
   checks: [{ plugin: "modal" }]
 });
 
+// src/plugins/versoly-pricing.ts
+var js9 = `document.querySelectorAll('section:has([id$="-pricing-button"], [data-toggle="pricing"])').forEach(section => {
+  const durationButtons = section.querySelectorAll('[id$="-pricing-button"]');
+  const durations = [...durationButtons].map(b => b.id.replace('-pricing-button', ''));
+
+  const activeClass = durationButtons[0] && durationButtons[0].className;
+  const inactiveClass = durationButtons[1] && durationButtons[1].className;
+
+  durations.forEach(duration => {
+    const durationButton = section.querySelector('[id="' + duration + '-pricing-button"]');
+
+    if (!durationButton) {
+      return;
+    }
+
+    durationButton.addEventListener('click', function() {
+      section.querySelectorAll('[data-' + duration + ']').forEach((element) => {
+        element.innerHTML = element.dataset[duration];
+      })
+
+      section.querySelectorAll('[data-duration-show]').forEach(d => {
+        d.className = (d.className || '') + ' hidden';
+      })
+
+      section.querySelectorAll('[data-duration-show="' + duration + '"]').forEach(d => {
+        d.className = (d.className || '').split(' ').filter(c => c !== 'hidden').join(' ');
+      })
+
+      durationButtons.forEach(b => b.className = inactiveClass);
+      durationButton.className = activeClass;
+    });
+  });
+
+  const toggles = section.querySelectorAll('.pricing-toggle, [data-toggle="pricing"]');
+  toggles.forEach(toggleElem => {
+    toggleElem.addEventListener('click', function (e) {
+      if (e.target.tagName !== 'INPUT') {
+        return;
+      }
+
+      toggles.forEach(t => {
+        t.getElementsByTagName('input')[0].checked = !!e.target.checked
+      });
+
+      const sectionDurations = ['monthly', 'annual'];
+      let nextDuration = sectionDurations[0];
+
+      sectionDurations.forEach(d => {
+        section.querySelectorAll('[data-' + d + ']').forEach(elem => {
+          if (elem.innerHTML !== elem.getAttribute('data-' + d)) {
+            nextDuration = d
+          }
+        })
+      });
+
+      section.querySelectorAll('[' + 'data-' + nextDuration + ']').forEach(elem =>
+        elem.innerHTML = elem.getAttribute('data-' + nextDuration)
+      )
+
+      section.querySelectorAll('[data-duration-show]').forEach(d => {
+        d.className = (d.className || '') + ' hidden'
+      })
+
+      section.querySelectorAll('[data-duration-show="' + nextDuration + '"]').forEach(d => {
+        d.className = (d.className || '').split(' ').filter(c => c !== 'hidden').join(' ')
+      })
+    })
+  });
+});`;
+var versoly_pricing_default = defineConfig({
+  name: "versoly-pricing",
+  js: js9,
+  checks: [{ plugin: "pricing" }, { html: "pricing-toggle" }, { html: "-pricing-button" }]
+});
+
 // src/plugins/index.ts
 var plugins = {
   // external
@@ -1016,11 +1093,12 @@ var plugins = {
   countup: countup_default,
   countdown: countdown_default,
   "finisher-header": finisher_header_default,
+  // versoly packages
   taos: taos_default,
   tailtip: tailtip_default,
-  // versoly packages
   "versoly-marquee": versoly_marquee_default,
   "versoly-ui": versoly_ui_default,
+  "versoly-pricing": versoly_pricing_default,
   // internal
   "versoly-analytics": versoly_analytics_default,
   "versoly-events": versoly_events_default,

package/dist/index.d.cts

@@ -387,9 +387,9 @@ declare const plugins: {
     };
     'versoly-marquee': {
         name: string;
+        js: string;
         options: {
             name: string;
-            js: string;
             previewInEditor: true;
             isShown: {
                 props: {
@@ -484,6 +484,17 @@ declare const plugins: {
             defer?: undefined;
         })[];
     };
+    'versoly-pricing': {
+        name: string;
+        js: string;
+        checks: ({
+            plugin: string;
+            html?: undefined;
+        } | {
+            html: string;
+            plugin?: undefined;
+        })[];
+    };
     'versoly-analytics': {
         name: string;
         js: string;

package/dist/index.d.ts

@@ -387,9 +387,9 @@ declare const plugins: {
     };
     'versoly-marquee': {
         name: string;
+        js: string;
         options: {
             name: string;
-            js: string;
             previewInEditor: true;
             isShown: {
                 props: {
@@ -484,6 +484,17 @@ declare const plugins: {
             defer?: undefined;
         })[];
     };
+    'versoly-pricing': {
+        name: string;
+        js: string;
+        checks: ({
+            plugin: string;
+            html?: undefined;
+        } | {
+            html: string;
+            plugin?: undefined;
+        })[];
+    };
     'versoly-analytics': {
         name: string;
         js: string;

package/dist/index.global.js

@@ -679,15 +679,16 @@ window.vGetElementsByToggle('tooltip').forEach((elem) => {
 
   // src/plugins/versoly-marquee.ts
   var src = "https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-marquee/0.0.2/versoly-marquee.iife.js";
+  var js6 = `window.vMarquees = [];
+window.vGetElementsByToggle('marquee').forEach((elem) => {
+const marquee = new Marquee(elem, window.vGetElementOptions(elem));
+window.vMarquees.push(marquee);
+});`;
   var versoly_marquee_default = defineConfig({
     name: "versoly-marquee",
+    js: js6,
     options: {
       name: "Marquee",
-      js: `window.vMarquees = [];
-window.vGetElementsByToggle('marquee').forEach((elem) => {
-  const marquee = new Marquee(elem, window.vGetElementOptions(elem));
-  window.vMarquees.push(marquee);
-});`,
       previewInEditor: true,
       isShown: {
         props: {
@@ -773,10 +774,10 @@ window.vGetElementsByToggle('marquee').forEach((elem) => {
   });
 
   // src/plugins/versoly-analytics.ts
-  var js6 = `!function(e){e.versoly.event=function(t){if(!("visibilityState"in document&&"prerender"===document.visibilityState||/bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex/i.test(navigator.userAgent)||e._phantom||e.__nightmare||e.navigator.webdriver||e.Cypress||""===e.location.host)){var n=new XMLHttpRequest;n.open("POST",e.versoly.url,!0),n.setRequestHeader("Content-Type","application/json; charset=UTF-8"),n.send(JSON.stringify({siteId:e.versoly.id,referrer:document.referrer,paramReferrer:"",hostname:e.location.hostname,pathname:e.location.pathname+e.location.search,width:e.innerWidth,height:e.innerHeight,tz:Intl.DateTimeFormat().resolvedOptions().timeZone,...t}))}}}(window),window.versoly.event({name: 'pageview'});`;
+  var js7 = `!function(e){e.versoly.event=function(t){if(!("visibilityState"in document&&"prerender"===document.visibilityState||/bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex/i.test(navigator.userAgent)||e._phantom||e.__nightmare||e.navigator.webdriver||e.Cypress||""===e.location.host)){var n=new XMLHttpRequest;n.open("POST",e.versoly.url,!0),n.setRequestHeader("Content-Type","application/json; charset=UTF-8"),n.send(JSON.stringify({siteId:e.versoly.id,referrer:document.referrer,paramReferrer:"",hostname:e.location.hostname,pathname:e.location.pathname+e.location.search,width:e.innerWidth,height:e.innerHeight,tz:Intl.DateTimeFormat().resolvedOptions().timeZone,...t}))}}}(window),window.versoly.event({name: 'pageview'});`;
   var versoly_analytics_default = defineConfig({
-    name: "Versoly Analytics",
-    js: js6,
+    name: "versoly-analytics",
+    js: js7,
     checks: [{ html: "/api/event" }]
   });
 
@@ -962,9 +963,7 @@ window.addFormListener && window.addFormListener()
   });
 
   // src/plugins/versoly-modal.ts
-  var versoly_modal_default = defineConfig({
-    name: "versoly-modal",
-    js: `window.vGetElementsByToggle('modal').forEach(elem => {
+  var js8 = `window.vGetElementsByToggle('modal').forEach(elem => {
   let options = window.vGetElementOptions(elem);
 
   if (options.globalBlockId && window.vComponents[options.globalBlockId]) {
@@ -976,10 +975,88 @@ window.addFormListener && window.addFormListener()
   }
 
   elem.dataset.options = JSON.stringify(options);
-});`,
+});`;
+  var versoly_modal_default = defineConfig({
+    name: "versoly-modal",
+    js: js8,
     checks: [{ plugin: "modal" }]
   });
 
+  // src/plugins/versoly-pricing.ts
+  var js9 = `document.querySelectorAll('section:has([id$="-pricing-button"], [data-toggle="pricing"])').forEach(section => {
+  const durationButtons = section.querySelectorAll('[id$="-pricing-button"]');
+  const durations = [...durationButtons].map(b => b.id.replace('-pricing-button', ''));
+
+  const activeClass = durationButtons[0] && durationButtons[0].className;
+  const inactiveClass = durationButtons[1] && durationButtons[1].className;
+
+  durations.forEach(duration => {
+    const durationButton = section.querySelector('[id="' + duration + '-pricing-button"]');
+
+    if (!durationButton) {
+      return;
+    }
+
+    durationButton.addEventListener('click', function() {
+      section.querySelectorAll('[data-' + duration + ']').forEach((element) => {
+        element.innerHTML = element.dataset[duration];
+      })
+
+      section.querySelectorAll('[data-duration-show]').forEach(d => {
+        d.className = (d.className || '') + ' hidden';
+      })
+
+      section.querySelectorAll('[data-duration-show="' + duration + '"]').forEach(d => {
+        d.className = (d.className || '').split(' ').filter(c => c !== 'hidden').join(' ');
+      })
+
+      durationButtons.forEach(b => b.className = inactiveClass);
+      durationButton.className = activeClass;
+    });
+  });
+
+  const toggles = section.querySelectorAll('.pricing-toggle, [data-toggle="pricing"]');
+  toggles.forEach(toggleElem => {
+    toggleElem.addEventListener('click', function (e) {
+      if (e.target.tagName !== 'INPUT') {
+        return;
+      }
+
+      toggles.forEach(t => {
+        t.getElementsByTagName('input')[0].checked = !!e.target.checked
+      });
+
+      const sectionDurations = ['monthly', 'annual'];
+      let nextDuration = sectionDurations[0];
+
+      sectionDurations.forEach(d => {
+        section.querySelectorAll('[data-' + d + ']').forEach(elem => {
+          if (elem.innerHTML !== elem.getAttribute('data-' + d)) {
+            nextDuration = d
+          }
+        })
+      });
+
+      section.querySelectorAll('[' + 'data-' + nextDuration + ']').forEach(elem =>
+        elem.innerHTML = elem.getAttribute('data-' + nextDuration)
+      )
+
+      section.querySelectorAll('[data-duration-show]').forEach(d => {
+        d.className = (d.className || '') + ' hidden'
+      })
+
+      section.querySelectorAll('[data-duration-show="' + nextDuration + '"]').forEach(d => {
+        d.className = (d.className || '').split(' ').filter(c => c !== 'hidden').join(' ')
+      })
+    })
+  });
+});`;
+  var versoly_pricing_default = defineConfig({
+    name: "versoly-pricing",
+    js: js9,
+    checks: [{ plugin: "pricing" }, { html: "pricing-toggle" }, { html: "-pricing-button" }]
+  });
+
   // src/plugins/index.ts
   var plugins = {
     // external
@@ -991,11 +1068,12 @@ window.addFormListener && window.addFormListener()
     countup: countup_default,
     countdown: countdown_default,
     "finisher-header": finisher_header_default,
+    // versoly packages
     taos: taos_default,
     tailtip: tailtip_default,
-    // versoly packages
     "versoly-marquee": versoly_marquee_default,
     "versoly-ui": versoly_ui_default,
+    "versoly-pricing": versoly_pricing_default,
     // internal
     "versoly-analytics": versoly_analytics_default,
     "versoly-events": versoly_events_default,

package/dist/index.mjs

@@ -677,15 +677,16 @@ var tailtip_default = defineConfig({
 
 // src/plugins/versoly-marquee.ts
 var src = "https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-marquee/0.0.2/versoly-marquee.iife.js";
+var js6 = `window.vMarquees = [];
+window.vGetElementsByToggle('marquee').forEach((elem) => {
+const marquee = new Marquee(elem, window.vGetElementOptions(elem));
+window.vMarquees.push(marquee);
+});`;
 var versoly_marquee_default = defineConfig({
   name: "versoly-marquee",
+  js: js6,
   options: {
     name: "Marquee",
-    js: `window.vMarquees = [];
-window.vGetElementsByToggle('marquee').forEach((elem) => {
-  const marquee = new Marquee(elem, window.vGetElementOptions(elem));
-  window.vMarquees.push(marquee);
-});`,
     previewInEditor: true,
     isShown: {
       props: {
@@ -771,10 +772,10 @@ var versoly_ui_default = defineConfig({
 });
 
 // src/plugins/versoly-analytics.ts
-var js6 = `!function(e){e.versoly.event=function(t){if(!("visibilityState"in document&&"prerender"===document.visibilityState||/bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex/i.test(navigator.userAgent)||e._phantom||e.__nightmare||e.navigator.webdriver||e.Cypress||""===e.location.host)){var n=new XMLHttpRequest;n.open("POST",e.versoly.url,!0),n.setRequestHeader("Content-Type","application/json; charset=UTF-8"),n.send(JSON.stringify({siteId:e.versoly.id,referrer:document.referrer,paramReferrer:"",hostname:e.location.hostname,pathname:e.location.pathname+e.location.search,width:e.innerWidth,height:e.innerHeight,tz:Intl.DateTimeFormat().resolvedOptions().timeZone,...t}))}}}(window),window.versoly.event({name: 'pageview'});`;
+var js7 = `!function(e){e.versoly.event=function(t){if(!("visibilityState"in document&&"prerender"===document.visibilityState||/bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex/i.test(navigator.userAgent)||e._phantom||e.__nightmare||e.navigator.webdriver||e.Cypress||""===e.location.host)){var n=new XMLHttpRequest;n.open("POST",e.versoly.url,!0),n.setRequestHeader("Content-Type","application/json; charset=UTF-8"),n.send(JSON.stringify({siteId:e.versoly.id,referrer:document.referrer,paramReferrer:"",hostname:e.location.hostname,pathname:e.location.pathname+e.location.search,width:e.innerWidth,height:e.innerHeight,tz:Intl.DateTimeFormat().resolvedOptions().timeZone,...t}))}}}(window),window.versoly.event({name: 'pageview'});`;
 var versoly_analytics_default = defineConfig({
-  name: "Versoly Analytics",
-  js: js6,
+  name: "versoly-analytics",
+  js: js7,
   checks: [{ html: "/api/event" }]
 });
 
@@ -960,9 +961,7 @@ window.addFormListener && window.addFormListener()
 });
 
 // src/plugins/versoly-modal.ts
-var versoly_modal_default = defineConfig({
-  name: "versoly-modal",
-  js: `window.vGetElementsByToggle('modal').forEach(elem => {
+var js8 = `window.vGetElementsByToggle('modal').forEach(elem => {
   let options = window.vGetElementOptions(elem);
 
   if (options.globalBlockId && window.vComponents[options.globalBlockId]) {
@@ -974,10 +973,88 @@ var versoly_modal_default = defineConfig({
   }
 
   elem.dataset.options = JSON.stringify(options);
-});`,
+});`;
+var versoly_modal_default = defineConfig({
+  name: "versoly-modal",
+  js: js8,
   checks: [{ plugin: "modal" }]
 });
 
+// src/plugins/versoly-pricing.ts
+var js9 = `document.querySelectorAll('section:has([id$="-pricing-button"], [data-toggle="pricing"])').forEach(section => {
+  const durationButtons = section.querySelectorAll('[id$="-pricing-button"]');
+  const durations = [...durationButtons].map(b => b.id.replace('-pricing-button', ''));
+
+  const activeClass = durationButtons[0] && durationButtons[0].className;
+  const inactiveClass = durationButtons[1] && durationButtons[1].className;
+
+  durations.forEach(duration => {
+    const durationButton = section.querySelector('[id="' + duration + '-pricing-button"]');
+
+    if (!durationButton) {
+      return;
+    }
+
+    durationButton.addEventListener('click', function() {
+      section.querySelectorAll('[data-' + duration + ']').forEach((element) => {
+        element.innerHTML = element.dataset[duration];
+      })
+
+      section.querySelectorAll('[data-duration-show]').forEach(d => {
+        d.className = (d.className || '') + ' hidden';
+      })
+
+      section.querySelectorAll('[data-duration-show="' + duration + '"]').forEach(d => {
+        d.className = (d.className || '').split(' ').filter(c => c !== 'hidden').join(' ');
+      })
+
+      durationButtons.forEach(b => b.className = inactiveClass);
+      durationButton.className = activeClass;
+    });
+  });
+
+  const toggles = section.querySelectorAll('.pricing-toggle, [data-toggle="pricing"]');
+  toggles.forEach(toggleElem => {
+    toggleElem.addEventListener('click', function (e) {
+      if (e.target.tagName !== 'INPUT') {
+        return;
+      }
+
+      toggles.forEach(t => {
+        t.getElementsByTagName('input')[0].checked = !!e.target.checked
+      });
+
+      const sectionDurations = ['monthly', 'annual'];
+      let nextDuration = sectionDurations[0];
+
+      sectionDurations.forEach(d => {
+        section.querySelectorAll('[data-' + d + ']').forEach(elem => {
+          if (elem.innerHTML !== elem.getAttribute('data-' + d)) {
+            nextDuration = d
+          }
+        })
+      });
+
+      section.querySelectorAll('[' + 'data-' + nextDuration + ']').forEach(elem =>
+        elem.innerHTML = elem.getAttribute('data-' + nextDuration)
+      )
+
+      section.querySelectorAll('[data-duration-show]').forEach(d => {
+        d.className = (d.className || '') + ' hidden'
+      })
+
+      section.querySelectorAll('[data-duration-show="' + nextDuration + '"]').forEach(d => {
+        d.className = (d.className || '').split(' ').filter(c => c !== 'hidden').join(' ')
+      })
+    })
+  });
+});`;
+var versoly_pricing_default = defineConfig({
+  name: "versoly-pricing",
+  js: js9,
+  checks: [{ plugin: "pricing" }, { html: "pricing-toggle" }, { html: "-pricing-button" }]
+});
+
 // src/plugins/index.ts
 var plugins = {
   // external
@@ -989,11 +1066,12 @@ var plugins = {
   countup: countup_default,
   countdown: countdown_default,
   "finisher-header": finisher_header_default,
+  // versoly packages
   taos: taos_default,
   tailtip: tailtip_default,
-  // versoly packages
   "versoly-marquee": versoly_marquee_default,
   "versoly-ui": versoly_ui_default,
+  "versoly-pricing": versoly_pricing_default,
   // internal
   "versoly-analytics": versoly_analytics_default,
   "versoly-events": versoly_events_default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versoly/plugins",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Plugins for Versoly",
   "sideEffects": false,
   "type": "module",
@@ -37,8 +37,8 @@
     "url": "https://versoly.com"
   },
   "engines": {
-    "node": ">=20.17.0",
-    "pnpm": ">=8"
+    "node": ">=22.12.0",
+    "pnpm": ">=9.15.1"
   },
   "keywords": [
     "Versoly"
@@ -57,7 +57,7 @@
     "@semantic-release/github": "^10.0.2",
     "@semantic-release/npm": "^12.0.0",
     "@semantic-release/release-notes-generator": "^12.1.0",
-    "@types/node": "^20.11.29",
+    "@types/node": "^22.12.0",
     "@vitest/coverage-v8": "^2.1.1",
     "commitizen": "^4.3.0",
     "cz-conventional-changelog": "^3.3.0",