lm-web-controls 1.2.20 → 1.2.22

package/dist/controls/modalForm/index.js

@@ -0,0 +1,2 @@
+"use client";
+import e,{useState as a,useEffect as t}from"react";import{Formik as n,Form as m,ErrorMessage as l}from"formik";import{formService as r}from"@leadmetrics-ai/website-sdk";import*as o from"yup";import{toast as i}from"react-toastify";import"react-toastify/dist/ReactToastify.css";var c=/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/,s=/^(\+91[\-\s]?)?[0]?(91)?[6789]\d{9}$/,u=o.object().shape({name:o.string().required("Please enter your name").min(3),email:o.string().required("Please enter your email").email("Please enter a valid email").matches(c,"Please enter a valid email"),mobile:o.string().required("Please enter your mobile number").matches(s,"Please enter a valid mobile number")});function d(o){var c=o.closeIcon,s=o.title,d=o.slug,f=a(!1),b=f[0],p=f[1];t((function(){var e=document.querySelector(".lm-blog-cta-link-button");if(e){var a=function(){p(!0)};return e.addEventListener("click",a),function(){e.removeEventListener("click",a)}}}),[]);return e.createElement(e.Fragment,null,b&&e.createElement("div",{className:"modal-wrapper"},e.createElement("div",{className:"modal-container"},e.createElement("button",{className:"modal-close-button",onClick:function(){p(!1)},title:"close"},c),e.createElement("h2",{className:"modal-title"},s),e.createElement("div",{className:"modal-form-wrapper"},e.createElement(n,{validationSchema:u,onSubmit:function(e,a){var t=a.setSubmitting,n=a.resetForm;r.post(d,e).then((function(){n(),i.success("Form submitted successfully!")})).catch((function(){i.error("Failed to submit the form. Please try again.")})).finally((function(){t(!1),p(!1)}))},initialValues:{name:"",email:"",mobile:""}},(function(a){var t=a.handleSubmit,n=a.handleChange,r=a.handleBlur,o=a.values,i=a.isSubmitting;return e.createElement(m,{className:"modal-form-container",noValidate:!0,onSubmit:t},e.createElement("div",{className:"input-container"},e.createElement("input",{className:"modal-form-input",placeholder:"Name*",name:"name",onChange:n,onBlur:r,value:o.name}),e.createElement(l,{name:"name",component:"div",className:"modal-form-error-message"})),e.createElement("div",{className:"input-container"},e.createElement("input",{className:"modal-form-input",placeholder:"Email*",name:"email",onChange:n,onBlur:r,value:o.email}),e.createElement(l,{name:"email",component:"div",className:"modal-form-error-message"})),e.createElement("div",{className:"input-container"},e.createElement("input",{className:"modal-form-input",placeholder:"Contact number*",name:"mobile",onChange:n,onBlur:r,value:o.mobile}),e.createElement(l,{name:"mobile",component:"div",className:"modal-form-error-message"})),e.createElement("div",{className:"modal-form-button-container"},e.createElement("button",{className:"modal-form-submit-button",type:"submit"},i?"Submitting":"Submit")))}))))))}export{d as ModalForm};

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%)}}.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))}}.blog-list-main-container{display:flex;flex-direction:column;width:100%}.blog-list-top-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.blog-list-icons-container{align-items:center;display:flex;gap:8px}.blog-list-icon{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.blog-list-icon.active{background-color:#f0f4f8;border-color:#386bb7}.blogs-grid-view{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blogs-list-view{gap:1rem;width:100%}.blog-item-grid,.blogs-list-view{display:flex;flex-direction:column}.blog-item-list{display:flex;flex-direction:row;gap:1.5rem}.blog-item-grid-image,.blog-item-list-image{height:100%;max-height:350px;object-fit:cover;object-position:center;width:100%}.blog-details{display:flex;flex-direction:column}.blog-item-avatar-main-container{align-items:center;display:flex;gap:1rem}.blog-item-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}.blog-item-author-container{display:flex;flex-direction:column;gap:8px}.blog-item-read-more-container{align-items:center;display:flex;gap:10px}@media (max-width:1024px){.blogs-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogs-grid-view{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-item-list{flex-direction:column}}
+.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))}}.blog-list-main-container{display:flex;flex-direction:column;width:100%}.blog-list-top-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.blog-list-icons-container{align-items:center;display:flex;gap:8px}.blog-list-icon{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.blog-list-icon.active{background-color:#f0f4f8;border-color:#386bb7}.blogs-grid-view{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blogs-list-view{gap:1rem;width:100%}.blog-item-grid,.blogs-list-view{display:flex;flex-direction:column}.blog-item-list{display:flex;flex-direction:row;gap:1.5rem}.blog-item-grid-image,.blog-item-list-image{height:100%;max-height:350px;object-fit:cover;object-position:center;width:100%}.blog-details{display:flex;flex-direction:column}.blog-item-avatar-main-container{align-items:center;display:flex;gap:1rem}.blog-item-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}.blog-item-author-container{display:flex;flex-direction:column;gap:8px}.blog-item-read-more-container{align-items:center;display:flex;gap:10px}@media (max-width:1024px){.blogs-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogs-grid-view{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-item-list{flex-direction:column}}.modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.modal-close-button{position:absolute;right:.75rem;top:.75rem}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.modal-form-container,.modal-form-wrapper{display:flex;flex-direction:column;width:100%}.modal-form-container{gap:.5rem}.input-container{display:flex;flex-direction:column;width:100%}.modal-form-input{height:3rem;padding:1.5rem;transition:all;transition-duration:.3s;width:100%}.modal-form-error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.modal-form-button-container{align-items:center;display:flex;justify-content:center}.modal-form-submit-button{border-radius:5px;font-size:15px;font-weight:500;padding:14px 28px;width:100%}

package/dist/index.js

@@ -1 +1 @@
-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";export{FaqSchema}from"./controls/faqSchema/index.js";export{FeaturedBlog}from"./controls/featuredBlog/index.js";export{Post}from"./controls/post/index.js";export{RelatedPosts}from"./controls/relatedPosts/index.js";export{BlogList}from"./controls/blogList/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";export{FaqSchema}from"./controls/faqSchema/index.js";export{FeaturedBlog}from"./controls/featuredBlog/index.js";export{Post}from"./controls/post/index.js";export{RelatedPosts}from"./controls/relatedPosts/index.js";export{BlogList}from"./controls/blogList/index.js";export{ModalForm}from"./controls/modalForm/index.js";

package/dist/styles/style.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%)}}.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))}}.blog-list-main-container{display:flex;flex-direction:column;width:100%}.blog-list-top-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.blog-list-icons-container{align-items:center;display:flex;gap:8px}.blog-list-icon{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.blog-list-icon.active{background-color:#f0f4f8;border-color:#386bb7}.blogs-grid-view{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blogs-list-view{gap:1rem;width:100%}.blog-item-grid,.blogs-list-view{display:flex;flex-direction:column}.blog-item-list{display:flex;flex-direction:row;gap:1.5rem}.blog-item-grid-image,.blog-item-list-image{height:100%;max-height:350px;object-fit:cover;object-position:center;width:100%}.blog-details{display:flex;flex-direction:column}.blog-item-avatar-main-container{align-items:center;display:flex;gap:1rem}.blog-item-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}.blog-item-author-container{display:flex;flex-direction:column;gap:8px}.blog-item-read-more-container{align-items:center;display:flex;gap:10px}@media (max-width:1024px){.blogs-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogs-grid-view{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-item-list{flex-direction:column}}
+.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))}}.blog-list-main-container{display:flex;flex-direction:column;width:100%}.blog-list-top-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.blog-list-icons-container{align-items:center;display:flex;gap:8px}.blog-list-icon{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.blog-list-icon.active{background-color:#f0f4f8;border-color:#386bb7}.blogs-grid-view{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blogs-list-view{gap:1rem;width:100%}.blog-item-grid,.blogs-list-view{display:flex;flex-direction:column}.blog-item-list{display:flex;flex-direction:row;gap:1.5rem}.blog-item-grid-image,.blog-item-list-image{height:100%;max-height:350px;object-fit:cover;object-position:center;width:100%}.blog-details{display:flex;flex-direction:column}.blog-item-avatar-main-container{align-items:center;display:flex;gap:1rem}.blog-item-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}.blog-item-author-container{display:flex;flex-direction:column;gap:8px}.blog-item-read-more-container{align-items:center;display:flex;gap:10px}@media (max-width:1024px){.blogs-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogs-grid-view{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-item-list{flex-direction:column}}.modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.modal-close-button{position:absolute;right:.75rem;top:.75rem}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.modal-form-container,.modal-form-wrapper{display:flex;flex-direction:column;width:100%}.modal-form-container{gap:.5rem}.input-container{display:flex;flex-direction:column;width:100%}.modal-form-input{height:3rem;padding:1.5rem;transition:all;transition-duration:.3s;width:100%}.modal-form-error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.modal-form-button-container{align-items:center;display:flex;justify-content:center}.modal-form-submit-button{border-radius:5px;font-size:15px;font-weight:500;padding:14px 28px;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lm-web-controls",
-  "version": "1.2.20",
+  "version": "1.2.22",
   "description": "leadmetrics-lm-web-controls",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -32,19 +32,23 @@
     "typescript": "5.4.2"
   },
   "dependencies": {
+    "@leadmetrics-ai/website-sdk": "^1.0.38",
     "@rollup/plugin-node-resolve": "15.2.3",
     "@types/react-slick": "^0.23.13",
     "acorn": "8.11.3",
     "acorn-walk": "8.3.2",
     "commander": "12.0.0",
+    "formik": "^2.4.6",
     "moment": "^2.30.1",
     "next-share": "^0.27.0",
     "react-slick": "^0.30.2",
+    "react-toastify": "^11.0.3",
     "rollup-plugin-babel": "4.4.0",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-terser": "7.0.2",
     "rollup-plugin-typescript2": "0.36.0",
     "slick-carousel": "^1.8.1",
-    "ts-loader": "9.5.1"
+    "ts-loader": "9.5.1",
+    "yup": "^1.6.1"
   }
 }

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import {
   FaqProps,
   FaqSchemaProps,
@@ -90,6 +90,12 @@ declare module "lm-web-controls" {
     };
   };
 
+  type ModalFormProps = {
+    closeIcon: ReactNode;
+    title: string;
+    slug: string;
+  };
+
   export const Email: React.FC<EmailProps>;
   export const Copyright: React.FC<CopyrightProps>;
   export const Phone: React.FC<PhoneProps>;
@@ -106,6 +112,7 @@ declare module "lm-web-controls" {
   export const Post: React.FC<PostProps>;
   export const RelatedPosts: React.FC<RelatedPostProps>;
   export const BlogList: React.FC<BlogListProps>;
+  export const ModalForm: React.FC<ModalFormProps>;
 
   export const INSTA_MEDIA_TYPES: {
     readonly IMAGE: 1;