lm-web-controls 1.2.6 → 1.2.7

package/dist/controls/backToTop/index.js

@@ -0,0 +1,2 @@
+"use client";
+import l,{useRef as t,useEffect as e}from"react";function n(n){var o=n.className,c=t(null);return e((function(){var l=function(){var l,t;0===window.scrollY?null===(l=null==c?void 0:c.current)||void 0===l||l.classList.add("lm-hide-scroll-btn"):null===(t=null==c?void 0:c.current)||void 0===t||t.classList.remove("lm-hide-scroll-btn")};return window.addEventListener("scroll",l),function(){window.removeEventListener("scroll",l)}}),[]),l.createElement("button",{onClick:function(){window.scroll({top:0,behavior:"smooth"})},ref:c,tabIndex:-1,className:"lm-back-to-top lm-hide-scroll-btn ".concat(o)},l.createElement("svg",{className:"lm-back-to-top-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},l.createElement("path",{d:"M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3 .4z"})))}export{n as BackToTop};

package/dist/controls/copyright/index.js

@@ -0,0 +1 @@
+import e from"react";function t(t){var a=t.name,r=t.className;return e.createElement("span",{className:r},"Copyright © 2024 ",a,", Digital Marketing with AI Powered by"," ",e.createElement("a",{href:"https://leadmetrics.ai/",target:"_blank"},"Leadmetrics"))}export{t as Copyright};

package/dist/controls/copyrightWithUTM/index.js

@@ -0,0 +1,2 @@
+"use client";
+import e,{useState as t,useEffect as a}from"react";function r(r){var n=r.name,o=r.className,i=r.source,m=r.medium,c=t(""),s=c[0],l=c[1];return a((function(){if("undefined"!=typeof window){var e=new URL(window.location.href).hostname,t="https://leadmetrics.ai?utm_source=".concat(e,"&utm_medium=").concat(m,"&utm_content=page");l(t)}}),[i]),e.createElement("span",{className:o},"Copyright © ",(new Date).getFullYear()," ",n,", Digital Marketing with AI Powered by",e.createElement("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:"left-margin-xs"},"Leadmetrics"))}export{r as CopyrightWithUTM};

package/dist/controls/email/index.js

@@ -0,0 +1 @@
+import a from"react";function e(e){var t=e.value,r=e.className;return a.createElement("a",{href:"mailto:".concat(t),target:"_blank",className:r},t)}export{e as Email};

package/dist/controls/faq/index.js

@@ -0,0 +1,2 @@
+"use client";
+import e,{useState as a}from"react";var n=function(n){var t=n.question,r=n.answer,c=n.icon,i=a(!1),s=i[0],o=i[1];return e.createElement("div",{className:"faq-item",onClick:function(){return o(!s)}},e.createElement("div",{className:"faq-question-container"},e.createElement("h3",{className:"faq-question"},t),e.createElement("img",{src:c,alt:"Toggle icon",className:"faq-icon ".concat(s?"rotate":"")})),e.createElement("div",{className:"faq-answer ".concat(s?"open":"closed")},e.createElement("p",null,r)))};function t(a){var t=a.faq,r=a.title,c=void 0===r?"Frequently Asked Questions":r,i=a.icon,s=void 0===i?"../../images/accordion.png":i,o=Array.isArray(t)?t:t.items;return o.length?e.createElement("div",{className:"faq-main-container"},e.createElement("h2",{className:"faq-title"},c),e.createElement("div",{className:"faq-inner-container"},o.map((function(a,t){return e.createElement(n,{key:t,question:a.question,answer:a.answer,icon:s})})))):null}export{t as Faq};

package/dist/controls/instaFeed/index.js

@@ -0,0 +1,2 @@
+"use client";
+import{__assign as e}from"../../_virtual/_tslib.js";import t,{useState as i,useEffect as n}from"react";import o from"react-slick";var s={IMAGE:1,VIDEO:2,CAROUSEL_ALBUM:4};function a(a){var r=a.apiKey,l=a.mediaTypes,c=a.className,m=i(null),d=m[0],p=m[1],f=i("Loading feeds..."),u=f[0],E=f[1];return n((function(){var e="https://graph.instagram.com/me/media?fields=id,caption,media_type,media_url,timestamp&access_token=".concat(r);fetch(e).then((function(e){return e.json()})).then((function(e){var t=[];e.data.forEach((function(e,i){var n,o;n=e.media_type,((o=l)&s.IMAGE&&"IMAGE"===n||o&s.VIDEO&&"VIDEO"===n||o&s.CAROUSEL_ALBUM&&"CAROUSEL_ALBUM"===n)&&t.push(e)})),p(t)})).catch((function(e){E("Something went wrong!"),console.error(e)}))}),[]),t.createElement(t.Fragment,null,d?t.createElement(o,e({},{dots:!0,infinite:!0,autoplay:!0,speed:2e3,slidesToShow:6,slidesToScroll:1,responsive:[{breakpoint:1024,settings:{slidesToShow:3,slidesToScroll:3,infinite:!0,dots:!0}},{breakpoint:600,settings:{slidesToShow:2,slidesToScroll:2,infinite:!0,dots:!0}},{breakpoint:480,settings:{slidesToShow:2,slidesToScroll:2,infinite:!0,dots:!0}}]},{className:"".concat(c," lm-slider")}),null==d?void 0:d.map((function(e,i){return t.createElement("div",{key:crypto.randomUUID()},t.createElement("img",{src:e.media_url,alt:"image-".concat(i)}))}))):t.createElement("h3",{className:"text-center"},u))}export{s as INSTA_MEDIA_TYPES,a as InstaFeed};

package/dist/controls/map/index.js

@@ -0,0 +1 @@
+import e from"react";function r(r){var a=r.id,i=r.address,t=r.height,d=r.width,n=r.className;return e.createElement("iframe",{id:a,width:d,height:t,loading:"lazy",referrerPolicy:"no-referrer-when-downgrade",src:i,className:n})}export{r as Map};

package/dist/controls/phone/index.js

@@ -0,0 +1 @@
+import c from"react";function a(a){var t=a.value,e=a.country,r=a.className;return c.createElement("a",{href:"tel:+".concat(e," ").concat(t),className:r},"+".concat(e," ").concat(t))}export{a as Phone};

package/dist/controls/readingProgressBar/index.js

@@ -0,0 +1,2 @@
+"use client";
+import r from"react";import{useReadingProgress as e}from"../../hooks/useReadingProgress.js";function o(o){var a=o.backgroundColor,s=e();return r.createElement("div",{className:"reading-progress-bar-container"},r.createElement("div",{className:"reading-progress-bar",style:{width:"".concat(s,"%"),backgroundColor:a,borderRadius:s>99?"0px":"0px 5px 5px 0px"}}))}export{o as ReadingProgressBar};

package/dist/controls/socialShare/index.js

@@ -0,0 +1,2 @@
+"use client";
+import e from"react";import{TelegramShareButton as t,TelegramIcon as r,WhatsappShareButton as l,WhatsappIcon as n,LinkedinShareButton as a,LinkedinIcon as u,TwitterShareButton as c,TwitterIcon as i,FacebookShareButton as o,FacebookIcon as m}from"next-share";function s(s){var E=s.platform,d=s.url,f=s.isRound,p=s.title;switch(E.toLowerCase()){case"facebook":return e.createElement(o,{url:d,title:p},e.createElement(m,{size:32,round:f||!1}));case"twitter":return e.createElement(c,{url:d,title:p},e.createElement(i,{size:32,round:f||!1}));case"linkedin":return e.createElement(a,{url:d,title:p},e.createElement(u,{size:32,round:f||!1}));case"whatsapp":return e.createElement(l,{url:d,title:p},e.createElement(n,{size:32,round:f||!1}));case"telegram":return e.createElement(t,{url:d,title:p},e.createElement(r,{size:32,round:f||!1}));default:return null}}export{s as SocialShare};

package/dist/controls/tableOfContents/index.js

@@ -0,0 +1,2 @@
+"use client";
+import e,{useState as t,useEffect as n}from"react";function r(r){var o=r.contentSelector,c=void 0===o?"#post-content":o,i=t([]),a=i[0],u=i[1],l=t(null),s=l[0],m=l[1];n((function(){var e=function(){var e=document.querySelector(c);if(e){var t=Array.from(e.querySelectorAll("h1, h2, h3, h4, h5, h6")).map((function(e){var t=e.id||e.innerText.replace(/[^\w\s-]/g,"").replace(/\s+/g,"-").toLowerCase();return e.id||(e.id=t),{id:t,text:e.innerText,level:parseInt(e.tagName.substring(1))}}));u(t)}};e();var t=new MutationObserver(e);return t.observe(document.querySelector(c),{childList:!0,subtree:!0}),function(){return t.disconnect()}}),[c]),n((function(){var e=new IntersectionObserver((function(e){e.forEach((function(e){e.isIntersecting&&m(e.target.id)}))}),{rootMargin:"-30% 0px -30% 0px",threshold:.5});return a.forEach((function(t){var n=t.id,r=document.getElementById(n);r&&e.observe(r)})),function(){return e.disconnect()}}),[a]);return 0===a.length?null:e.createElement("nav",{className:"toc-main-container"},e.createElement("div",{className:"toc-title"},"Table of Contents"),a.map((function(t){return e.createElement("div",{key:t.id,className:"toc-item ".concat(s===t.id?"toc-active":"")},e.createElement("button",{className:"toc-item-button ".concat(s===t.id?"toc-item-button-active":""),onClick:function(){return function(e){var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"center"})}(t.id)}},t.text))})))}export{r as TableOfContents};

package/dist/index.css

@@ -1 +1 @@
-.lm-slider{width:100%}.lm-back-to-top{align-items:center;display:flex;justify-content:center;position:fixed;transition-duration:.2s}.lm-back-to-top-svg{width:50%}.lm-hide-scroll-btn{transform:translateY(6rem)}.left-margin-xs{margin-left:5px}.reading-progress-bar-container{background-color:transparent;height:5px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{height:100%;transform-origin:left;transition:width .2s ease-out}.faq-items{margin-top:1.5rem;width:100%}.faq-item{cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.faq-question-container{align-items:center;display:flex;justify-content:space-between}.faq-icon{height:24px;transition:transform .3s ease;width:24px}.rotate{transform:rotate(45deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.faq-answer.open{max-height:360px;opacity:1}.skeleton-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton{background-color:#e1e2e6;border-radius:.375rem;min-height:80px;overflow:hidden;position:relative;width:100%;&:after{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}
+.lm-slider{width:100%}.lm-back-to-top{align-items:center;display:flex;justify-content:center;position:fixed;transition-duration:.2s}.lm-back-to-top-svg{width:50%}.lm-hide-scroll-btn{transform:translateY(6rem)}.left-margin-xs{margin-left:5px}.reading-progress-bar-container{background-color:transparent;height:5px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{height:100%;transform-origin:left;transition:width .2s ease-out}.faq-items{margin-top:1.5rem;width:100%}.faq-item{cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.faq-question-container{align-items:center;display:flex;justify-content:space-between}.faq-icon{height:24px;transition:transform .3s ease;width:24px}.rotate{transform:rotate(45deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.faq-answer.open{max-height:360px;opacity:1}.skeleton-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton{background-color:#e1e2e6;border-radius:.375rem;min-height:80px;overflow:hidden;position:relative;width:100%;&:after{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.featured-blog-main-container{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.featured-blog-image-container{height:100%;position:relative;width:100%}.featured-blog-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.featured-blog-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.featured-blog-data-container{display:flex;flex-direction:column;gap:1rem;width:100%}.featured-blog-avatar-main-container{align-items:center;display:flex;gap:1rem}.featured-blog-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.featured-blog-author-container{display:flex;flex-direction:column;gap:8px}.read-more-container{align-items:center;display:flex;gap:10px}.post-main-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.post-image-container{height:100%;position:relative;width:100%}.post-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.post-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.post-avatar-main-container{align-items:center;display:flex;gap:1rem}.post-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.post-author-container{display:flex;flex-direction:column;gap:8px}.related-posts-main-container{gap:1.5rem}.related-posts,.related-posts-main-container{display:flex;flex-direction:column;width:100%}.related-posts{gap:10px}.related-post-item{align-items:center;display:flex;gap:1rem}.related-post-item-image{object-fit:cover;object-position:center}@media (max-width:768px){.featured-blog-main-container{grid-template-columns:repeat(1,minmax(0,1fr))}}

package/dist/index.js

@@ -1 +1 @@
-export{Copyright}from"./blocks/copyright/index.js";export{Email}from"./blocks/email/index.js";export{INSTA_MEDIA_TYPES,InstaFeed}from"./blocks/instaFeed/index.js";export{Map}from"./blocks/map/index.js";export{Phone}from"./blocks/phone/index.js";export{BackToTop}from"./blocks/backToTop/index.js";export{CopyrightWithUTM}from"./blocks/copyrightWithUTM/index.js";export{SocialShare}from"./blocks/socialShare/index.js";export{ReadingProgressBar}from"./blocks/readingProgressBar/index.js";export{TableOfContents}from"./blocks/tableOfContents/index.js";export{Faq}from"./blocks/faq/index.js";
+export{Copyright}from"./controls/copyright/index.js";export{Email}from"./controls/email/index.js";export{INSTA_MEDIA_TYPES,InstaFeed}from"./controls/instaFeed/index.js";export{Map}from"./controls/map/index.js";export{Phone}from"./controls/phone/index.js";export{BackToTop}from"./controls/backToTop/index.js";export{CopyrightWithUTM}from"./controls/copyrightWithUTM/index.js";export{SocialShare}from"./controls/socialShare/index.js";export{ReadingProgressBar}from"./controls/readingProgressBar/index.js";export{TableOfContents}from"./controls/tableOfContents/index.js";export{Faq}from"./controls/faq/index.js";

package/dist/styles/style.css

@@ -1,103 +1 @@
-.lm-slider {
-  width: 100%;
-}
-.lm-back-to-top {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  position: fixed;
-  transition-duration: 0.2s;
-}
-.lm-back-to-top-svg {
-  width: 50%;
-}
-.lm-hide-scroll-btn {
-  transform: translateY(6rem);
-}
-.left-margin-xs {
-  margin-left: 5px;
-}
-.reading-progress-bar-container {
-  background-color: transparent;
-  height: 5px;
-  left: 0;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 1000;
-}
-.reading-progress-bar {
-  height: 100%;
-  transform-origin: left;
-  transition: width 0.2s ease-out;
-}
-.faq-items {
-  margin-top: 1.5rem;
-  width: 100%;
-}
-.faq-item {
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  transition: all 0.3s ease;
-}
-.faq-question-container {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-}
-.faq-icon {
-  height: 24px;
-  transition: transform 0.3s ease;
-  width: 24px;
-}
-.rotate {
-  transform: rotate(45deg);
-}
-.faq-answer {
-  max-height: 0;
-  opacity: 0;
-  overflow: hidden;
-  transition: max-height 0.5s ease, opacity 0.5s ease;
-}
-.faq-answer.open {
-  max-height: 360px;
-  opacity: 1;
-}
-.skeleton-container {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  width: 100%;
-}
-.skeleton {
-  background-color: #e1e2e6;
-  border-radius: 0.375rem;
-  min-height: 80px;
-  overflow: hidden;
-  position: relative;
-  width: 100%;
-  &:after {
-    animation: wave 1.5s linear infinite;
-    background: linear-gradient(
-      90deg,
-      transparent,
-      hsla(0, 0%, 100%, 0.4),
-      transparent
-    );
-    content: "";
-    height: 100%;
-    left: 0;
-    position: absolute;
-    top: 0;
-    width: 100%;
-  }
-}
-@keyframes wave {
-  0% {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
+.lm-slider{width:100%}.lm-back-to-top{align-items:center;display:flex;justify-content:center;position:fixed;transition-duration:.2s}.lm-back-to-top-svg{width:50%}.lm-hide-scroll-btn{transform:translateY(6rem)}.left-margin-xs{margin-left:5px}.reading-progress-bar-container{background-color:transparent;height:5px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{height:100%;transform-origin:left;transition:width .2s ease-out}.faq-items{margin-top:1.5rem;width:100%}.faq-item{cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.faq-question-container{align-items:center;display:flex;justify-content:space-between}.faq-icon{height:24px;transition:transform .3s ease;width:24px}.rotate{transform:rotate(45deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.faq-answer.open{max-height:360px;opacity:1}.skeleton-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton{background-color:#e1e2e6;border-radius:.375rem;min-height:80px;overflow:hidden;position:relative;width:100%;&:after{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.featured-blog-main-container{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.featured-blog-image-container{height:100%;position:relative;width:100%}.featured-blog-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.featured-blog-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.featured-blog-data-container{display:flex;flex-direction:column;gap:1rem;width:100%}.featured-blog-avatar-main-container{align-items:center;display:flex;gap:1rem}.featured-blog-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.featured-blog-author-container{display:flex;flex-direction:column;gap:8px}.read-more-container{align-items:center;display:flex;gap:10px}.post-main-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.post-image-container{height:100%;position:relative;width:100%}.post-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.post-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.post-avatar-main-container{align-items:center;display:flex;gap:1rem}.post-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.post-author-container{display:flex;flex-direction:column;gap:8px}.related-posts-main-container{gap:1.5rem}.related-posts,.related-posts-main-container{display:flex;flex-direction:column;width:100%}.related-posts{gap:10px}.related-post-item{align-items:center;display:flex;gap:1rem}.related-post-item-image{object-fit:cover;object-position:center}@media (max-width:768px){.featured-blog-main-container{grid-template-columns:repeat(1,minmax(0,1fr))}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lm-web-controls",
-  "version": "1.2.06",
+  "version": "1.2.07",
   "description": "leadmetrics-lm-web-controls",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -37,6 +37,7 @@
     "acorn": "8.11.3",
     "acorn-walk": "8.3.2",
     "commander": "12.0.0",
+    "moment": "^2.30.1",
     "next-share": "^0.27.0",
     "react-slick": "^0.30.2",
     "rollup-plugin-babel": "4.4.0",

package/types/lm-web-controls.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ChangeEvent } from "react";
+import React from "react";
 import { FaqProps } from "../src";
 declare module "lm-web-controls" {
   type EmailProps = {
@@ -57,6 +57,32 @@ declare module "lm-web-controls" {
     contentSelector?: string;
   };
 
+  type PostModel = {
+    slug: string;
+    isFeatured: boolean;
+    isActive: boolean;
+    category: string;
+    categoryInfo: {
+      id: string | null;
+      name: string | null;
+      slug: string | null;
+    };
+    featuredImage: string;
+    title: string;
+    previewContent: string;
+    content: string;
+    readTime: number;
+    impressions: number;
+    views: number;
+    likes: number;
+    publishedOn: Date;
+    tags?: string[];
+    author?: {
+      name?: string;
+      id?: string;
+    };
+  };
+
   export const Email: React.FC<EmailProps>;
   export const Copyright: React.FC<CopyrightProps>;
   export const Phone: React.FC<PhoneProps>;