@versoly/plugins 0.0.6 → 0.0.7

package/dist/index.cjs

@@ -1007,6 +1007,81 @@ var versoly_modal_default = defineConfig({
   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
@@ -1018,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

@@ -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

@@ -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

@@ -982,6 +982,81 @@ window.addFormListener && window.addFormListener()
     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
@@ -993,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

@@ -980,6 +980,81 @@ var versoly_modal_default = defineConfig({
   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 +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.6",
+  "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",