https://www.kraftshala.com/99004cae92972533d8f0ca90742be3e446750fbd-372bc2a730fe640e2ce1.js

1"use strict";(self.webpackChunkgatsby_starter_hello_world=self.webpackChunkgatsby_starter_hello_world||[]).push([[2784],{4862:function(e,n,a){var t;a.d(n,{Z:function(){return m}});var s=a(14460),i=a(67294),r=a(7427),o=a(94379),l=a(2665);function c(e,n,a,t,o){var l=i.useState((function(){return o&&a?a(e).matches:t?t(e).matches:n})),c=(0,s.Z)(l,2),d=c[0],u=c[1];return(0,r.Z)((function(){var n=!0;if(a){var t=a(e),s=function(){n&&u(t.matches)};return s(),t.addListener(s),function(){n=!1,t.removeListener(s)}}}),[e,a]),d}var d=(t||(t=a.t(i,2))).useSyncExternalStore;function u(e,n,a,t,r){var o=i.useCallback((function(){return n}),[n]),l=i.useMemo((function(){if(r&&a)return function(){return a(e).matches};if(null!==t){var n=t(e).matches;return function(){return n}}return o}),[o,e,t,r,a]),c=i.useMemo((function(){if(null===a)return[o,function(){return function(){}}];var n=a(e);return[function(){return n.matches},function(e){return n.addListener(e),function(){n.removeListener(e)}}]}),[o,a,e]),u=(0,s.Z)(c,2),m=u[0],p=u[1];return d(p,m,l)}function m(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=(0,l.Z)(),t="undefined"!=typeof window&&void 0!==window.matchMedia,s=(0,o.Z)({name:"MuiUseMediaQuery",props:n,theme:a}),i=s.defaultMatches,r=void 0!==i&&i,m=s.matchMedia,p=void 0===m?t?window.matchMedia:null:m,h=s.ssrMatchMedia,v=void 0===h?null:h,f=s.noSsr,b=void 0!==f&&f;var g="function"==typeof e?e(a):e;g=g.replace(/^@media( ?)/m,"");var j=void 0!==d?u:c,x=j(g,r,p,v,b);return x}},94379:function(e,n,a){a.d(n,{Z:function(){return s}});var t=a(4591);function s(e){var n=e.theme,a=e.name,s=e.props;return n&&n.components&&n.components[a]&&n.components[a].defaultProps?(0,t.Z)(n.components[a].defaultProps,s):s}},30095:function(e,n,a){a.d(n,{Z:function(){return w}});var t=a(67294),s=a(91567),i=a(73964),r=a.n(i),o=a(4862),l=a(78781),c=a(85893);var d=()=>(0,c.jsx)("span",{className:"validation-err",children:"*required field"});var u=function({name:e,placeholder:n,btnClicked:a,options:s,checkedValue:i,handleFormFieldChange:r}){const[o,l]=(0,t.useState)("");(0,t.useEffect)((()=>{}),[a]);const u=e=>{l(e.target.value);e.target.value;r(e)};return(0,c.jsxs)(t.Fragment,{children:[(0,c.jsx)("div",{className:"mlp-radio-group",children:(0,c.jsx)("div",{className:"radio-group",children:s.map(((e,n)=>(0,c.jsxs)("div",{className:"date",children:[(0,c.jsx)("input",{type:"radio",name:"opt_in",id:e,className:"",onChange:u,value:e,checked:e===i}),(0,c.jsx)("label",{className:"radio-label",htmlFor:e,children:e})]},n)))})}),a&&!o&&(0,c.jsx)(d,{})]})};const m=["onClickOutside","activeEvents","isHomepage","isPopup"],p=["activeEvents"];function h(e,n){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),a.push.apply(a,t)}return a}function v(e){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{};n%2?h(Object(a),!0).forEach((function(n){f(e,n,a[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):h(Object(a)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(a,n))}))}return e}function f(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}function b(e,n){if(null==e)return{};var a,t,s=function(e,n){if(null==e)return{};var a,t,s={},i=Object.keys(e);for(t=0;t<i.length;t++)a=i[t],n.indexOf(a)>=0||(s[a]=e[a]);return s}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)a=i[t],n.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(s[a]=e[a])}return s}const g=e=>{var n;let{onClickOutside:a,activeEvents:s,isHomepage:i,isPopup:o=!1}=e,l=b(e,m);const{id:d,title:u,description:p,start_date_time:h,desk_popup_banner:f,mob_popup_banner:g}=null!==(n=null==s?void 0:s[0])&&void 0!==n?n:{},w=(0,t.useRef)(null);(0,t.useEffect)((()=>{const e=e=>{w.current&&!w.current.contains(e.target)&&a&&a()};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0)}}),[a]);const k=r()(h).format("D")+" "+r()(h).format("MMM"),N=r()(h).format("LT"),[O,_]=(0,t.useState)(!1),S=()=>{{const e=`/kraftshala-live/register/${d}?home_page=true${window.location.search}`;window.open(e,"_blank")}},E=()=>{_(!O)},C=()=>{var e;return(0,c.jsxs)("div",{className:"ks-live-session-info",ref:w,children:[null!==(e=null==l?void 0:l.children)&&void 0!==e?e:null,(0,c.jsx)("h2",{className:"banner-card-header",children:null!=u?u:""}),(0,c.jsx)("img",{src:"https://d2vavb9i0vjxky.cloudfront.net/production/453b391a-01f1-4431-a281-8c58470d35bc/events/banner-upload/14i86y16fv8m1oxgfpr.png",loading:"lazy",className:"underline-img"}),(0,c.jsx)("p",{className:"ks-live-session-about",children:null!=p?p:""}),(0,c.jsxs)("div",{className:"session-timings",children:[(0,c.jsxs)("div",{className:"session-date",children:[(0,c.jsx)("span",{children:"Event date"}),(0,c.jsx)("span",{className:"date-hl",children:null!=k?k:""})]}),(0,c.jsxs)("div",{className:"session-time",children:[(0,c.jsx)("span",{children:"Time"}),(0,c.jsx)("span",{className:"time-hl",children:null!=N?N:""})]})]}),!o&&(0,c.jsx)("button",{className:"reserve-seat-btn",onClick:S,children:"Reserve my seat"}),o&&(0,c.jsx)(x,{activeEvents:s,handleThankyouMsgVisibility:E})]})};return(0,c.jsxs)("div",{className:"ks-live-banner-card",children:[(0,c.jsx)(j,{deskBanner:f,mobBanner:g}),!O&&(0,c.jsx)(C,{}),O&&(0,c.jsx)(y,v({activeEvents:s},l)),(0,c.jsx)("img",{src:"https://d2vavb9i0vjxky.cloudfront.net/production/453b391a-01f1-4431-a281-8c58470d35bc/events/banner-upload/14i86y16fv8m1oxe7gc.png",alt:"ks live logo",className:"ks-live-logo"})]})},j=({deskBanner:e,mobBanner:n})=>{const a=(0,o.Z)("(max-width: 800px)");return(0,c.jsx)("div",{className:"ks-live-speaker-card",children:(0,c.jsx)("img",{src:a?n:e,alt:"Speaker Photo",loading:"lazy",className:"speaker-img"})})},x=({activeEvents:e,handleThankyouMsgVisibility:n})=>{var i;const{id:r}=null!==(i=null==e?void 0:e[0])&&void 0!==i?i:{}

1,[o,d]=(0,t.useState)({name:"",email:"",phone:"",opt_in:""}),m={general:!1,email:!1,phone:!1},[p,h]=(0,t.useState)(m),[f,b]=(0,t.useState)(!1),g=e=>{let n=e.target.name,a=e.target.value;d(v(v({},o),{},{[n]:a}))},j=async()=>{try{var a;b(!0),h(m);let i={email:o.email,phone:o.phone,name:o.name,whatsapp_consent:"Yes"===o.opt_in,additional_details:{},event_details:null!==(a=null==e?void 0:e[0])&&void 0!==a?a:{},from_popup:!0,source_page:window.location.href};const l=`${s.GF}/program/null/campaign/null/events/${r}/lead`,c=await fetch(l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}),d=await c.json();if("Invalid Email ID."===d.message)return b(!1),null;if("Lead already exists."===d.message)return b(!1),n(),null;var t;if(!c.ok||400===d.status)throw null!==(t=null==d?void 0:d.message)&&void 0!==t?t:"Something went wrong!";b(!1),n()}catch(i){console.error(i),b(!1),h(v(v({},p),{},{general:!0}))}};return(0,c.jsx)("div",{className:"ks-live-enroll-container",children:(0,c.jsxs)("form",{onSubmit:e=>{e.preventDefault();let n=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(o.email),a=/^\d{10}$/.test(o.phone);h(v(v({},p),{},{email:!n,phone:!a})),n&&a&&j()},className:"ks-live-enroll-form",children:[(0,c.jsxs)("div",{className:"input-fields",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("input",{onChange:g,type:"text",className:"form-field",placeholder:"Name*",name:"name",autoComplete:"off",required:!0}),(0,c.jsx)("span",{})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)("input",{onChange:g,type:"text",className:"form-field",placeholder:"Email*",name:"email",autoComplete:"off",required:!0}),(0,c.jsx)("span",{className:"show-error","aria-hidden":(!p.email).toString(),children:"Invalid Email"})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)("input",{onChange:g,onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault(),type:"number",className:"form-field",placeholder:"Phone Number*",name:"phone",autoComplete:"off",required:!0}),(0,c.jsx)("span",{className:"show-error","aria-hidden":(!p.phone).toString(),children:"Invalid Phone Number"})]})]}),(0,c.jsx)("div",{className:"slot-group"}),(0,c.jsxs)("div",{className:"whatsapp_optin",children:[(0,c.jsx)("label",{className:"optin-container",children:(0,c.jsxs)("div",{className:"wrapper-check",children:["Get session details on *"," ",(0,c.jsx)(l.S,{src:"https://d2vavb9i0vjxky.cloudfront.net/production/453b391a-01f1-4431-a281-8c58470d35bc/events/banner-upload/14i86y16fv8m1oy6cj2.webp",alt:"whatsapp icon",className:"whatsapp",placeholder:"none",__imageData:a(41643)})]})}),(0,c.jsx)(u,{name:"opt_in",handleFormFieldChange:g,options:["Yes","No"],checkedValue:o.opt_in})]}),(0,c.jsx)("button",{className:"reserve-seat-btn",type:"submit",disabled:f,children:f?"Loading...":"Reserve my seat"}),(0,c.jsxs)("i",{className:"already-reg-txt",children:["If already registered, click"," ",(0,c.jsx)("button",{className:"action-btn",onClick:()=>{const e=document.querySelector("#ks-live-popup");e&&e.close()},children:"here"})]})]})})},y=e=>{var n,a;let{activeEvents:t}=e,s=b(e,p);const{title:i,start_date_time:o}=null!==(n=null==t?void 0:t[0])&&void 0!==n?n:{},l=r()(o).format("D")+" "+r()(o).format("MMM"),d=r()(o).format("LT");return(0,c.jsxs)("div",{className:"ks-live-session-info",children:[null!==(a=null==s?void 0:s.children)&&void 0!==a?a:null,(0,c.jsxs)("h2",{className:"banner-card-header",children:["Thank you for registering for",(0,c.jsx)("br",{})," this session"]}),(0,c.jsx)("img",{src:"https://d2vavb9i0vjxky.cloudfront.net/production/453b391a-01f1-4431-a281-8c58470d35bc/events/banner-upload/14i86y16fv8m1oxgfpr.png",loading:"lazy",className:"underline-img"}),(0,c.jsxs)("p",{className:"ks-live-session-about",children:[(0,c.jsxs)("b",{children:["“",i,"”"]})," session link will be sent to your registered email soon. See you there!"]}),(0,c.jsxs)("div",{className:"session-timings",children:[(0,c.jsxs)("div",{className:"session-date",children:[(0,c.jsx)("span",{children:"Event date"}),(0,c.jsx)("span",{className:"date-hl",children:null!=l?l:""})]}),(0,c.jsxs)("div",{className:"session-time",children:[(0,c.jsx)("span",{children:"Time"}),(0,c.jsx)("span",{className:"time-hl",children:null!=d?d:""})]})]}),(0,c.jsx)("button",{className:"okay-btn",onClick:()=>{const e=document.querySelector("#ks-live-popup");e&&e.close()},children:"Okay"})]})};var w=e=>{const{show:n,handleClose:a}=e,[i,r]=(0,t.useState)([]);function o(){if(!n)return;const e=document.querySelector("#ks-live-popup");e&&e.close(),a()}return(0,t.useEffect)((()=>{(async()=>{try{const e=`${s.GF}/program/null/campaign/null/events/popup-session`,n=await fetch(e),a=await n.json();n.ok&&200===n.status&&r(a)}catch(e){console.log(e)}})()}),[]),(0,t.useEffect)((()=>

1{if(0!==i.length&&n){const e=document.querySelector("#ks-live-popup");if(window.location.pathname.includes("content-writing-course")||window.location.pathname.includes("marketing-launchpad")||window.location.pathname.includes("sales-course")||window.location.pathname.includes("pgp/learn-sales-and-marketing")||window.location.pathname.includes("pgp-in-marketing")||window.location.pathname.includes("online-mba-in-sales-and-marketing")||window.location.pathname.includes("digital-marketing-course-in-hindi")||window.location.pathname.includes("kraftshala-live")||window.location.pathname.includes("programs"))return;e&&e.showModal()}}),[n]),i.length?(0,c.jsx)(t.Fragment,{children:(0,c.jsx)("dialog",{id:"ks-live-popup",children:(0,c.jsx)(g,{activeEvents:i,isPopup:!0,onClickOutside:o,children:(0,c.jsxs)("button",{autoFocus:!1,className:"dialog-toggle-btn",onClick:o,children:[" ","✕"," "]})})})}):null}},41643:function(e){e.exports=JSON.parse('{"layout":"constrained","images":{"fallback":{"src":"/static/f3a1fc8bad5ac59d7ebca915079b402e/383f8/14i86y16fv8m1oy6cj2.webp","srcSet":"/static/f3a1fc8bad5ac59d7ebca915079b402e/66185/14i86y16fv8m1oy6cj2.webp 66w,\\n/static/f3a1fc8bad5ac59d7ebca915079b402e/82a61/14i86y16fv8m1oy6cj2.webp 133w,\\n/static/f3a1fc8bad5ac59d7ebca915079b402e/383f8/14i86y16fv8m1oy6cj2.webp 265w","sizes":"(min-width: 265px) 265px, 100vw"},"sources":[]},"width":265,"height":74}')}}]);
2//# sourceMappingURL=99004cae92972533d8f0ca90742be3e446750fbd-372bc2a730fe640e2ce1.js.map