lm-web-controls 1.4.21 → 1.4.22

package/dist/controls/careerApplicationForm/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{__awaiter as e,__generator as a,__assign as t}from"../../_virtual/_tslib.js";import r,{useState as n,useEffect as i}from"react";import{Formik as l,Form as o,ErrorMessage as m}from"formik";import*as c from"yup";import{toast as s}from"react-toastify";var u=/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/,p=/^(\+91[\-\s]?)?[0]?(91)?[6789]\d{9}$/,d=c.object().shape({name:c.string().required("Please enter your name").min(3),email:c.string().required("Please enter your email").email("Please enter a valid email").matches(u,"Please enter a valid email"),mobile:c.string().required("Please enter your mobile number").matches(p,"Please enter a valid mobile number"),resume:c.mixed().required("Please upload your resume").test("fileSize","File size should be less than 5MB",function(e){return!e||e.size<=5242880}).test("fileType","Only PDF, DOC, and DOCX files are allowed",function(e){return!e||["application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document"].includes(e.type)})});function f(c){var u=this,p=c.closeIcon,f=c.jobId,b=c.jobTitle,v=c.onSubmit,E=c.title,N=c.description,g=c.triggerAttribute,h=void 0===g?"data-career-apply":g,y=c.classNames,w=void 0===y?{}:y,C=n(!1),P=C[0],S=C[1],B=n(""),D=B[0],F=B[1],j=function(e,a){return a||e};i(function(){var e=function(e){e.target.closest("[".concat(h,"]"))&&(e.preventDefault(),e.stopPropagation(),S(!0))};return document.addEventListener("click",e),function(){document.removeEventListener("click",e)}},[h]);return P?r.createElement("div",{className:j("career-modal-wrapper",w.modal)},r.createElement("div",{className:j("career-modal-container",w.container)},r.createElement("button",{className:j("career-modal-close-button",w.closeButton),onClick:function(){S(!1),F("")},title:"Close"},p),r.createElement("h2",{className:j("career-modal-title",w.title)},E||(b?"Apply for ".concat(b):"Submit Your Application")),N&&r.createElement("p",{className:j("career-modal-description",w.description)},N),r.createElement("div",{className:"career-modal-form-wrapper"},r.createElement(l,{validationSchema:d,onSubmit:function(r,n){return e(u,[r,n],void 0,function(e,r){var n,i=r.setSubmitting,l=r.resetForm;return a(this,function(a){switch(a.label){case 0:return a.trys.push([0,2,3,4]),n=new FormData,f&&n.append("jobId",f),n.append("name",e.name),n.append("email",e.email),n.append("mobile",e.mobile),n.append("resume",e.resume),"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push(t(t({event:f?"career_application_submit":"candidate_application_submit"},f&&{jobId:f,jobTitle:b||"Unknown Position"}),{applicantName:e.name})),[4,v(n)];case 1:return a.sent(),s.success("Application submitted successfully!"),l(),F(""),S(!1),[3,4];case 2:return a.sent(),s.error("Failed to submit application. Please try again."),[3,4];case 3:return i(!1),[7];case 4:return[2]}})})},initialValues:{name:"",email:"",mobile:"",resume:null}},function(e){var a=e.handleSubmit,t=e.handleChange,n=e.handleBlur,i=e.setFieldValue,l=e.values,c=e.isSubmitting;return r.createElement(o,{className:j("career-modal-form",w.form),noValidate:!0,onSubmit:a},r.createElement("div",{className:j("career-input-container",w.inputContainer)},r.createElement("input",{className:j("career-form-input",w.input),placeholder:"Full Name*",name:"name",onChange:t,onBlur:n,value:l.name}),r.createElement(m,{name:"name",component:"div",className:j("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:j("career-input-container",w.inputContainer)},r.createElement("input",{className:j("career-form-input",w.input),placeholder:"Email*",name:"email",type:"email",onChange:t,onBlur:n,value:l.email}),r.createElement(m,{name:"email",component:"div",className:j("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:j("career-input-container",w.inputContainer)},r.createElement("input",{className:j("career-form-input",w.input),placeholder:"Mobile Number*",name:"mobile",onChange:t,onBlur:n,value:l.mobile}),r.createElement(m,{name:"mobile",component:"div",className:j("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:j("career-input-container",w.inputContainer)},r.createElement("label",{className:j("career-file-label",w.fileLabel)},r.createElement("input",{type:"file",name:"resume",accept:".pdf,.doc,.docx",onChange:function(e){return function(e,a){var t,r=null===(t=e.target.files)||void 0===t?void 0:t[0];r&&(a("resume",r),F(r.name))}(e,i)},onBlur:n,className:j("career-file-input",w.fileInput)}),r.createElement("span",{className:"career-file-button"},D||"Upload Resume (PDF, DOC, DOCX)*")),r.createElement(m,{name:"resume",component:"div",className:j("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:"career-form-button-container"},r.createElement("button",{className:j("career-form-submit-button",w.submitButton),type:"submit",disabled:c},c?"Submitting...":"Submit Application")))})))):null}export{f as CareerApplicationForm};
+import{__awaiter as e,__generator as a,__assign as t}from"../../_virtual/_tslib.js";import r,{useState as n,useEffect as i}from"react";import{Formik as l,Form as o,ErrorMessage as m}from"formik";import*as c from"yup";import{toast as s}from"react-toastify";var u=/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/,p=/^(\+91[\-\s]?)?[0]?(91)?[6789]\d{9}$/,d=c.object().shape({name:c.string().required("Please enter your name").min(3),email:c.string().required("Please enter your email").email("Please enter a valid email").matches(u,"Please enter a valid email"),mobile:c.string().required("Please enter your mobile number").matches(p,"Please enter a valid mobile number"),resume:c.mixed().required("Please upload your resume").test("fileSize","File size should be less than 5MB",function(e){return!e||e.size<=5242880}).test("fileType","Only PDF, DOC, and DOCX files are allowed",function(e){return!e||["application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document"].includes(e.type)})});function f(c){var u=this,p=c.closeIcon,f=c.jobId,b=c.jobTitle,v=c.onSubmit,E=c.title,N=c.description,g=c.triggerAttribute,h=void 0===g?"data-career-apply":g,y=c.classNames,w=void 0===y?{}:y,C=n(!1),P=C[0],S=C[1],B=n(""),j=B[0],D=B[1],F=function(e,a){return a||e};i(function(){var e=function(e){e.target.closest("[".concat(h,"]"))&&(e.preventDefault(),e.stopPropagation(),S(!0))};return document.addEventListener("click",e),function(){document.removeEventListener("click",e)}},[h]);return P?r.createElement("div",{className:F("career-modal-wrapper",w.modal)},r.createElement("div",{className:F("career-modal-container",w.container)},r.createElement("button",{className:F("career-modal-close-button",w.closeButton),onClick:function(){S(!1),D("")},title:"Close"},p),r.createElement("h2",{className:F("career-modal-title",w.title)},E||(b?"Apply for ".concat(b):"Submit Your Application")),N&&r.createElement("p",{className:F("career-modal-description",w.description)},N),r.createElement("div",{className:"career-modal-form-wrapper"},r.createElement(l,{validationSchema:d,onSubmit:function(r,n){return e(u,[r,n],void 0,function(e,r){var n=r.setSubmitting,i=r.resetForm;return a(this,function(a){switch(a.label){case 0:return a.trys.push([0,2,3,4]),"undefined"!=typeof window&&window.dataLayer&&window.dataLayer.push(t(t({event:f?"career_application_submit":"candidate_application_submit"},f&&{jobId:f,jobTitle:b||"Unknown Position"}),{applicantName:e.name})),[4,v(t(t({},f&&{jobId:f}),{name:e.name,email:e.email,mobile:e.mobile,resume:e.resume}))];case 1:return a.sent(),s.success("Application submitted successfully!"),i(),D(""),S(!1),[3,4];case 2:return a.sent(),s.error("Failed to submit application. Please try again."),[3,4];case 3:return n(!1),[7];case 4:return[2]}})})},initialValues:{name:"",email:"",mobile:"",resume:null}},function(e){var a=e.handleSubmit,t=e.handleChange,n=e.handleBlur,i=e.setFieldValue,l=e.values,c=e.isSubmitting;return r.createElement(o,{className:F("career-modal-form",w.form),noValidate:!0,onSubmit:a},r.createElement("div",{className:F("career-input-container",w.inputContainer)},r.createElement("input",{className:F("career-form-input",w.input),placeholder:"Full Name*",name:"name",onChange:t,onBlur:n,value:l.name}),r.createElement(m,{name:"name",component:"div",className:F("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:F("career-input-container",w.inputContainer)},r.createElement("input",{className:F("career-form-input",w.input),placeholder:"Email*",name:"email",type:"email",onChange:t,onBlur:n,value:l.email}),r.createElement(m,{name:"email",component:"div",className:F("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:F("career-input-container",w.inputContainer)},r.createElement("input",{className:F("career-form-input",w.input),placeholder:"Mobile Number*",name:"mobile",onChange:t,onBlur:n,value:l.mobile}),r.createElement(m,{name:"mobile",component:"div",className:F("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:F("career-input-container",w.inputContainer)},r.createElement("label",{className:F("career-file-label",w.fileLabel)},r.createElement("input",{type:"file",name:"resume",accept:".pdf,.doc,.docx",onChange:function(e){return function(e,a){var t,r=null===(t=e.target.files)||void 0===t?void 0:t[0];r&&(a("resume",r),D(r.name))}(e,i)},onBlur:n,className:F("career-file-input",w.fileInput)}),r.createElement("span",{className:"career-file-button"},j||"Upload Resume (PDF, DOC, DOCX)*")),r.createElement(m,{name:"resume",component:"div",className:F("career-form-error-message",w.errorMessage)})),r.createElement("div",{className:"career-form-button-container"},r.createElement("button",{className:F("career-form-submit-button",w.submitButton),type:"submit",disabled:c},c?"Submitting...":"Submit Application")))})))):null}export{f as CareerApplicationForm};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lm-web-controls",
-  "version": "1.4.21",
+  "version": "1.4.22",
   "description": "leadmetrics-lm-web-controls",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

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

@@ -1,484 +1,536 @@
 import React, { ReactNode } from "react";
 
+
 declare module "lm-web-controls" {
-  type EmailProps = {
-    value: string;
-    className?: string;
-  };
-
-  type CopyrightProps = {
-    name: string;
-    className?: string;
-  };
-
-  type PhoneProps = {
-    value: string;
-    country?: string;
-    className?: string;
-  };
-
-  type MapProps = {
-    id?: string;
-    address: string;
-    height?: string | number;
-    width?: string | number;
-    className?: string;
-  };
-
-  type InstaFeedProps = {
-    apiKey: string;
-    mediaTypes: number;
-    className?: string;
-  };
-
-  type BackToTopProps = {
-    className?: string;
-  };
-
-  type CopyrightWithUTMProps = {
-    name: string;
-    className?: string;
-    source: string;
-    medium: string;
-  };
-
-  type SocialShareButtonProps = {
-    platform: string;
-    url: string;
-    isRound?: boolean;
-    title?: string;
-  };
-
-  type ReadingProgressBarProps = {
-    backgroundColor: string;
-  };
-
-  type TOCProps = {
-    contentSelector?: string;
-    isMinimal?: boolean;
-  };
-
-  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;
-    };
-    seo: {
-      title: string;
-      description: string;
-      keywords: string;
-    };
-  };
-
-  type ModalFormProps = {
-    closeIcon: ReactNode;
-    title?: string;
-    slug: string;
-  };
-
-  type OrganizationSchemaProps = {
-    schema: {
-      url: string;
-      logo: string;
-      name: string;
-      description: string;
-      email: string;
-      telephone: string;
-      address: {
-        streetAddress: string;
-        addressLocality: string;
-        addressCountry: string;
-        addressRegion: string;
-        postalCode: string;
-      };
-    };
-  };
-
-  type BlogListJsonLDSchemaProps = {
-    blogs: PostModel[];
-    nestedUrl?: string;
-    category?: boolean;
-  };
-
-  type PostJsonLDSchemaProps = {
-    post: PostModel;
-  };
-
-  type PostProps = {
-    post: PostModel;
-    ish1?: boolean;
-    views: number;
-    categoryUrl?: string;
-  };
-
-  type FeaturedBlogProps = {
-    featured: PostModel;
-    icon: ReactNode;
-    nestedUrl?: string;
-    category?: boolean;
-    categoryUrl?: string;
-  };
-
-  type RelatedPostProps = {
-    relatedPosts: PostModel[];
-    title?: string;
-    nestedUrl?: string;
-    category?: boolean;
-  };
-
-  type FAQItem = {
-    id: string;
-    question: string;
-    answer: string;
-    createdOn: string;
-    updatedOn: string | null;
-  };
-
-  type FAQData = {
-    description: string;
-    items: FAQItem[];
-    publishedOn: string | null;
-    slug: string;
-    title: string;
-  };
-
-  type FaqProps = {
-    faq: FAQData | FAQItem[];
-    title?: string;
-    icon?: string;
-    addSchema?: boolean;
-  };
-
-  type FaqSchemaProps = {
-    faq: FAQData | FAQItem[];
-  };
-
-  type ExitIntentProps = {
-    closeIcon: ReactNode;
-    title: string;
-    content: string;
-    remindMeAfter: number;
-    actionButton?: {
-      title: string;
-      href: string;
-    };
-    closeButton?: {
-      title: string;
-    };
-  };
-
-  type PagingInfo = {
-    currentPage: number;
-    itemsPerPage: number;
-    hasNextPage: boolean;
-    totalItems: number;
-  };
-
-  type SearchResult<T> = {
-    items: T[];
-    pagingInfo: PagingInfo;
-  };
-
-  type BlogListProps = {
-    data: SearchResult<PostModel>;
-    icon?: {
-      grid?: ReactNode;
-      list?: ReactNode;
-      link?: ReactNode;
-    };
-    title?: string;
-    nestedUrl?: string;
-    category?: boolean;
-    fetchMore: (currentPage: number) => Promise<SearchResult<PostModel>>;
-    autoFetchCount?: number;
-  };
-
-  type IdleTimeIntentProps = {
-    closeIcon?: ReactNode;
-    icon: {
-      icon: ReactNode;
-      href: string;
-    };
-    title: string;
-    message: string;
-    remindMeAfter: number;
-    idleTime: number;
-    audio?: string;
-  };
-
-  type SliderItem = {
-    backgroundImage: string;
-    title: string;
-    description?: string;
-    button?: {
-      text: string;
-      link: string;
-      target?: string;
-    };
-  };
-
-  type HeroSliderClassNames = {
-    container?: string;
-    slide?: string;
-    overlay?: string;
-    content?: string;
-    title?: string;
-    description?: string;
-    button?: string;
-    navigation?: string;
-    navigationPrev?: string;
-    navigationNext?: string;
-    dots?: string;
-    dot?: string;
-    dotActive?: string;
-  };
-
-  type HeroSliderProps = {
-    items: SliderItem[];
-    autoPlay?: boolean;
-    autoPlayInterval?: number;
-    showDots?: boolean;
-    showNavigation?: boolean;
-    animationType?: "fade" | "scroll";
-    className?: string;
-    classNames?: HeroSliderClassNames;
-    height?: string;
-    icons?: {
-      prev?: ReactNode;
-      next?: ReactNode;
-    };
-  };
-
-  type AuthorCardProps = {
-    title?: string;
-    author: {
-      name: string;
-      role?: string;
-      bio?: string;
-      avatar?: string;
-      socialLinks?: {
-        linkedin?: string;
-        twitter?: string;
-        github?: string;
-        website?: string;
-      };
-    };
-    socialIcons?: {
-      linkedin?: ReactNode;
-      twitter?: ReactNode;
-      github?: ReactNode;
-      website?: ReactNode;
-    };
-    classNames?: {
-      container?: string;
-      title?: string;
-      content?: string;
-      header?: string;
-      avatarContainer?: string;
-      avatar?: string;
-      avatarPlaceholder?: string;
-      info?: string;
-      name?: string;
-      role?: string;
-      social?: string;
-      socialLink?: string;
-      socialIcon?: string;
-      bio?: string;
-      bioText?: string;
-    };
-  };
-
-  type PaymentProvider =
-    | "cashfree"
-    | "razorpay"
-    | "stripe"
-    | "paypal"
-    | "paytm"
-    | "phonepe"
-    | "googlepay"
-    | "amazonpay"
-    | "upi"
-    | "visa"
-    | "mastercard"
-    | "amex"
-    | "discover";
-
-  type PaymentIconsProps = {
-    providers: PaymentProvider[];
-    size?: "small" | "medium" | "large";
-    layout?: "horizontal" | "grid";
-    className?: string;
-    showText?: boolean;
-    title?: string;
-    // New props for custom icons
-    customIcons?: {
-      [key in PaymentProvider]?: {
-        icon?: ReactNode; // For React icons
-        image?: string; // For image URLs
-        name?: string; // Custom name override
-      };
-    };
-    classNames?: {
-      container?: string;
-      title?: string;
-      iconsContainer?: string;
-      icon?: string;
-      iconText?: string;
-      image?: string; // New className for images
-    };
-  };
-
-  // Career Types
-  type JobLocation = {
-    city: string;
-    state: string;
-    country: string;
-    remote: boolean;
-    hybrid: boolean;
-  };
-
-  type JobModel = {
-    id: string;
-    title: string;
-    slug: string;
-    description: string;
-    department: string;
-    employmentType: string;
-    location: JobLocation;
-    isActive: boolean;
-    createdOn: string;
-    updatedOn?: string;
-  };
-
-  type JobListProps = {
-    jobs: JobModel[];
-    title?: string;
-    subtitle?: string;
-    nestedUrl?: string;
-    emptyMessage?: string;
-    showGeneralApply?: boolean;
-    generalApplyText?: string;
-    icons?: {
-      location?: ReactNode;
-      type?: ReactNode;
-      arrow?: ReactNode;
-    };
-    classNames?: {
-      container?: string;
-      header?: string;
-      title?: string;
-      subtitle?: string;
-      jobsGrid?: string;
-      jobCard?: string;
-      jobTitle?: string;
-      jobLocation?: string;
-      jobType?: string;
-      viewButton?: string;
-      emptyState?: string;
-      locationIcon?: string;
-      typeIcon?: string;
-      arrowIcon?: string;
-      generalApplySection?: string;
-      generalApplyButton?: string;
-    };
-  };
-
-  type JobDetailProps = {
-    job: JobModel;
-    onApplyClick?: () => void;
-    classNames?: {
-      container?: string;
-      header?: string;
-      title?: string;
-      metaInfo?: string;
-      metaItem?: string;
-      metaIcon?: string;
-      metaText?: string;
-      applyButton?: string;
-      description?: string;
-    };
-    icons?: {
-      location?: ReactNode;
-      type?: ReactNode;
-      department?: ReactNode;
-    };
-  };
-
-  type CareerApplicationFormProps = {
-    closeIcon: ReactNode;
-    description?: string;
-    onSubmit: (formData: FormData) => Promise<void>;
-    classNames?: {
-      modal?: string;
-      overlay?: string;
-      content?: string;
-      header?: string;
-      closeButton?: string;
-      title?: string;
-      description?: string;
-      form?: string;
-      formGroup?: string;
-      label?: string;
-      input?: string;
-      fileInput?: string;
-      fileName?: string;
-      errorMessage?: string;
-      submitButton?: string;
-    };
-  };
-
-  export const Email: React.FC<EmailProps>;
-  export const Copyright: React.FC<CopyrightProps>;
-  export const Phone: React.FC<PhoneProps>;
-  export const Map: React.FC<MapProps>;
-  export const InstaFeed: React.FC<InstaFeedProps>;
-  export const BackToTop: React.FC<BackToTopProps>;
-  export const CopyrightWithUTM: React.FC<CopyrightWithUTMProps>;
-  export const SocialShare: React.FC<SocialShareButtonProps>;
-  export const ReadingProgressBar: React.FC<ReadingProgressBarProps>;
-  export const TableOfContents: React.FC<TOCProps>;
-  export const Faq: React.FC<FaqProps>;
-  export const FaqSchema: React.FC<FaqSchemaProps>;
-  export const FeaturedBlog: React.FC<FeaturedBlogProps>;
-  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 BreadCrumbJsonLD: React.FC;
-  export const OrganizationJsonLD: React.FC<OrganizationSchemaProps>;
-  export const PostJsonLD: React.FC<PostJsonLDSchemaProps>;
-  export const BlogListJsonLD: React.FC<BlogListJsonLDSchemaProps>;
-  export const ExitIntent: React.FC<ExitIntentProps>;
-  export const IdleTimeIntent: React.FC<IdleTimeIntentProps>;
-  export const HeroSlider: React.FC<HeroSliderProps>;
-  export const AuthorCard: React.FC<AuthorCardProps>;
-  export const PaymentIcons: React.FC<PaymentIconsProps>;
-  export const JobList: React.FC<JobListProps>;
-  export const JobDetail: React.FC<JobDetailProps>;
-  export const CareerApplicationForm: React.FC<CareerApplicationFormProps>;
-
-  export const INSTA_MEDIA_TYPES: {
-    readonly IMAGE: 1;
-    readonly VIDEO: 2;
-    readonly CAROUSEL_ALBUM: 4;
-  };
+ type EmailProps = {
+   value: string;
+   className?: string;
+ };
+
+
+ type CopyrightProps = {
+   name: string;
+   className?: string;
+ };
+
+
+ type PhoneProps = {
+   value: string;
+   country?: string;
+   className?: string;
+ };
+
+
+ type MapProps = {
+   id?: string;
+   address: string;
+   height?: string | number;
+   width?: string | number;
+   className?: string;
+ };
+
+
+ type InstaFeedProps = {
+   apiKey: string;
+   mediaTypes: number;
+   className?: string;
+ };
+
+
+ type BackToTopProps = {
+   className?: string;
+ };
+
+
+ type CopyrightWithUTMProps = {
+   name: string;
+   className?: string;
+   source: string;
+   medium: string;
+ };
+
+
+ type SocialShareButtonProps = {
+   platform: string;
+   url: string;
+   isRound?: boolean;
+   title?: string;
+ };
+
+
+ type ReadingProgressBarProps = {
+   backgroundColor: string;
+ };
+
+
+ type TOCProps = {
+   contentSelector?: string;
+   isMinimal?: boolean;
+ };
+
+
+ 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;
+   };
+   seo: {
+     title: string;
+     description: string;
+     keywords: string;
+   };
+ };
+
+
+ type ModalFormProps = {
+   closeIcon: ReactNode;
+   title?: string;
+   slug: string;
+ };
+
+
+ type OrganizationSchemaProps = {
+   schema: {
+     url: string;
+     logo: string;
+     name: string;
+     description: string;
+     email: string;
+     telephone: string;
+     address: {
+       streetAddress: string;
+       addressLocality: string;
+       addressCountry: string;
+       addressRegion: string;
+       postalCode: string;
+     };
+   };
+ };
+
+
+ type BlogListJsonLDSchemaProps = {
+   blogs: PostModel[];
+   nestedUrl?: string;
+   category?: boolean;
+ };
+
+
+ type PostJsonLDSchemaProps = {
+   post: PostModel;
+ };
+
+
+ type PostProps = {
+   post: PostModel;
+   ish1?: boolean;
+   views: number;
+   categoryUrl?: string;
+ };
+
+
+ type FeaturedBlogProps = {
+   featured: PostModel;
+   icon: ReactNode;
+   nestedUrl?: string;
+   category?: boolean;
+   categoryUrl?: string;
+ };
+
+
+ type RelatedPostProps = {
+   relatedPosts: PostModel[];
+   title?: string;
+   nestedUrl?: string;
+   category?: boolean;
+ };
+
+
+ type FAQItem = {
+   id: string;
+   question: string;
+   answer: string;
+   createdOn: string;
+   updatedOn: string | null;
+ };
+
+
+ type FAQData = {
+   description: string;
+   items: FAQItem[];
+   publishedOn: string | null;
+   slug: string;
+   title: string;
+ };
+
+
+ type FaqProps = {
+   faq: FAQData | FAQItem[];
+   title?: string;
+   icon?: string;
+   addSchema?: boolean;
+ };
+
+
+ type FaqSchemaProps = {
+   faq: FAQData | FAQItem[];
+ };
+
+
+ type ExitIntentProps = {
+   closeIcon: ReactNode;
+   title: string;
+   content: string;
+   remindMeAfter: number;
+   actionButton?: {
+     title: string;
+     href: string;
+   };
+   closeButton?: {
+     title: string;
+   };
+ };
+
+
+ type PagingInfo = {
+   currentPage: number;
+   itemsPerPage: number;
+   hasNextPage: boolean;
+   totalItems: number;
+ };
+
+
+ type SearchResult<T> = {
+   items: T[];
+   pagingInfo: PagingInfo;
+ };
+
+
+ type BlogListProps = {
+   data: SearchResult<PostModel>;
+   icon?: {
+     grid?: ReactNode;
+     list?: ReactNode;
+     link?: ReactNode;
+   };
+   title?: string;
+   nestedUrl?: string;
+   category?: boolean;
+   fetchMore: (currentPage: number) => Promise<SearchResult<PostModel>>;
+   autoFetchCount?: number;
+ };
+
+
+ type IdleTimeIntentProps = {
+   closeIcon?: ReactNode;
+   icon: {
+     icon: ReactNode;
+     href: string;
+   };
+   title: string;
+   message: string;
+   remindMeAfter: number;
+   idleTime: number;
+   audio?: string;
+ };
+
+
+ type SliderItem = {
+   backgroundImage: string;
+   title: string;
+   description?: string;
+   button?: {
+     text: string;
+     link: string;
+     target?: string;
+   };
+ };
+
+
+ type HeroSliderClassNames = {
+   container?: string;
+   slide?: string;
+   overlay?: string;
+   content?: string;
+   title?: string;
+   description?: string;
+   button?: string;
+   navigation?: string;
+   navigationPrev?: string;
+   navigationNext?: string;
+   dots?: string;
+   dot?: string;
+   dotActive?: string;
+ };
+
+
+ type HeroSliderProps = {
+   items: SliderItem[];
+   autoPlay?: boolean;
+   autoPlayInterval?: number;
+   showDots?: boolean;
+   showNavigation?: boolean;
+   animationType?: "fade" | "scroll";
+   className?: string;
+   classNames?: HeroSliderClassNames;
+   height?: string;
+   icons?: {
+     prev?: ReactNode;
+     next?: ReactNode;
+   };
+ };
+
+
+ type AuthorCardProps = {
+   title?: string;
+   author: {
+     name: string;
+     role?: string;
+     bio?: string;
+     avatar?: string;
+     socialLinks?: {
+       linkedin?: string;
+       twitter?: string;
+       github?: string;
+       website?: string;
+     };
+   };
+   socialIcons?: {
+     linkedin?: ReactNode;
+     twitter?: ReactNode;
+     github?: ReactNode;
+     website?: ReactNode;
+   };
+   classNames?: {
+     container?: string;
+     title?: string;
+     content?: string;
+     header?: string;
+     avatarContainer?: string;
+     avatar?: string;
+     avatarPlaceholder?: string;
+     info?: string;
+     name?: string;
+     role?: string;
+     social?: string;
+     socialLink?: string;
+     socialIcon?: string;
+     bio?: string;
+     bioText?: string;
+   };
+ };
+
+
+ type PaymentProvider =
+   | "cashfree"
+   | "razorpay"
+   | "stripe"
+   | "paypal"
+   | "paytm"
+   | "phonepe"
+   | "googlepay"
+   | "amazonpay"
+   | "upi"
+   | "visa"
+   | "mastercard"
+   | "amex"
+   | "discover";
+
+
+ type PaymentIconsProps = {
+   providers: PaymentProvider[];
+   size?: "small" | "medium" | "large";
+   layout?: "horizontal" | "grid";
+   className?: string;
+   showText?: boolean;
+   title?: string;
+   // New props for custom icons
+   customIcons?: {
+     [key in PaymentProvider]?: {
+       icon?: ReactNode; // For React icons
+       image?: string; // For image URLs
+       name?: string; // Custom name override
+     };
+   };
+   classNames?: {
+     container?: string;
+     title?: string;
+     iconsContainer?: string;
+     icon?: string;
+     iconText?: string;
+     image?: string; // New className for images
+   };
+ };
+
+
+ // Career Types
+ type JobLocation = {
+   city: string;
+   state: string;
+   country: string;
+   remote: boolean;
+   hybrid: boolean;
+ };
+
+
+ type JobModel = {
+   id: string;
+   title: string;
+   slug: string;
+   description: string;
+   department: string;
+   employmentType: string;
+   location: JobLocation;
+   isActive: boolean;
+   createdOn: Date | string;
+   updatedOn?: Date | string;
+   [key: string]: any; // Allow additional properties from SDK
+ };
+
+
+ type JobListProps = {
+   jobs: JobModel[];
+   title?: string;
+   subtitle?: string;
+   nestedUrl?: string;
+   emptyMessage?: string;
+   showGeneralApply?: boolean;
+   generalApplyText?: string;
+   icons?: {
+     location?: ReactNode;
+     type?: ReactNode;
+     arrow?: ReactNode;
+   };
+   classNames?: {
+     container?: string;
+     header?: string;
+     title?: string;
+     subtitle?: string;
+     jobsGrid?: string;
+     jobCard?: string;
+     jobTitle?: string;
+     jobLocation?: string;
+     jobType?: string;
+     viewButton?: string;
+     emptyState?: string;
+     locationIcon?: string;
+     typeIcon?: string;
+     arrowIcon?: string;
+     generalApplySection?: string;
+     generalApplyButton?: string;
+   };
+ };
+
+
+ type JobDetailProps = {
+   job: JobModel;
+   onApplyClick?: () => void;
+   classNames?: {
+     container?: string;
+     header?: string;
+     title?: string;
+     metaInfo?: string;
+     metaItem?: string;
+     metaIcon?: string;
+     metaText?: string;
+     applyButton?: string;
+     description?: string;
+   };
+   icons?: {
+     location?: ReactNode;
+     type?: ReactNode;
+     department?: ReactNode;
+   };
+ };
+
+
+ type CareerApplicationFormProps = {
+   closeIcon: ReactNode;
+   jobId?: string;
+   jobTitle?: string;
+   onSubmit: (data: {
+     jobId?: string;
+     name: string;
+     email: string;
+     mobile: string;
+     resume: File;
+   }) => Promise<void>;
+   title?: string;
+   description?: string;
+   triggerAttribute?: string;
+   classNames?: {
+     modal?: string;
+     container?: string;
+     closeButton?: string;
+     title?: string;
+     description?: string;
+     form?: string;
+     inputContainer?: string;
+     input?: string;
+     textarea?: string;
+     fileInput?: string;
+     fileLabel?: string;
+     errorMessage?: string;
+     submitButton?: string;
+   };
+ };
+
+
+ export const Email: React.FC<EmailProps>;
+ export const Copyright: React.FC<CopyrightProps>;
+ export const Phone: React.FC<PhoneProps>;
+ export const Map: React.FC<MapProps>;
+ export const InstaFeed: React.FC<InstaFeedProps>;
+ export const BackToTop: React.FC<BackToTopProps>;
+ export const CopyrightWithUTM: React.FC<CopyrightWithUTMProps>;
+ export const SocialShare: React.FC<SocialShareButtonProps>;
+ export const ReadingProgressBar: React.FC<ReadingProgressBarProps>;
+ export const TableOfContents: React.FC<TOCProps>;
+ export const Faq: React.FC<FaqProps>;
+ export const FaqSchema: React.FC<FaqSchemaProps>;
+ export const FeaturedBlog: React.FC<FeaturedBlogProps>;
+ 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 BreadCrumbJsonLD: React.FC;
+ export const OrganizationJsonLD: React.FC<OrganizationSchemaProps>;
+ export const PostJsonLD: React.FC<PostJsonLDSchemaProps>;
+ export const BlogListJsonLD: React.FC<BlogListJsonLDSchemaProps>;
+ export const ExitIntent: React.FC<ExitIntentProps>;
+ export const IdleTimeIntent: React.FC<IdleTimeIntentProps>;
+ export const HeroSlider: React.FC<HeroSliderProps>;
+ export const AuthorCard: React.FC<AuthorCardProps>;
+ export const PaymentIcons: React.FC<PaymentIconsProps>;
+ export const JobList: React.FC<JobListProps>;
+ export const JobDetail: React.FC<JobDetailProps>;
+ export const CareerApplicationForm: React.FC<CareerApplicationFormProps>;
+
+
+ export const INSTA_MEDIA_TYPES: {
+   readonly IMAGE: 1;
+   readonly VIDEO: 2;
+   readonly CAROUSEL_ALBUM: 4;
+ };
 }
+
+
+