@coding-blocks/vmc-web-components 0.3.3 → 0.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -9
- package/dist/types/components/icons.d.ts +18 -0
- package/dist/types/components/ui.d.ts +12 -3
- package/dist/vmc-web-components.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -70,7 +70,8 @@ devtools cannot put an unverified number on the wire.
|
|
|
70
70
|
| Attribute | Default | Purpose |
|
|
71
71
|
| --- | --- | --- |
|
|
72
72
|
| `api-base` | build-time `VITE_API_URL` | Override the compiled-in base (testing only) |
|
|
73
|
-
| `heading` | `Want a call back
|
|
73
|
+
| `heading` | `Want a call back?` | Card heading (plain text; the default renders "call back?" in the accent colour) |
|
|
74
|
+
| `subheading` | expert-will-connect copy | Line under the heading |
|
|
74
75
|
| `dial-code` | `+91` | Pre-selected dial code |
|
|
75
76
|
| `consent-text` | VMC authorisation copy | Consent checkbox label |
|
|
76
77
|
| `submit-label` | `Submit` | Submit button label |
|
|
@@ -203,23 +204,43 @@ response, so backend validation messages surface directly in the form.
|
|
|
203
204
|
|
|
204
205
|
## Theming
|
|
205
206
|
|
|
206
|
-
|
|
207
|
+
The look comes from the Figma frame *"Want a call back?"* — icon-badge header,
|
|
208
|
+
icon-prefixed fields, gradient VERIFY/SUBMIT, and a three-item trust row.
|
|
209
|
+
Override the CSS custom properties on the element to retheme it; they pierce the
|
|
210
|
+
shadow root:
|
|
207
211
|
|
|
208
212
|
```html
|
|
209
213
|
<style>
|
|
210
214
|
vmc-online-lead {
|
|
211
|
-
--vmc-
|
|
212
|
-
--vmc-
|
|
213
|
-
--vmc-
|
|
214
|
-
--vmc-
|
|
215
|
-
--vmc-card-
|
|
215
|
+
--vmc-accent: #6d4aef; /* icons, checkbox, focus ring */
|
|
216
|
+
--vmc-accent-deep: #4b32d1; /* "call back?" in the heading */
|
|
217
|
+
--vmc-gradient: linear-gradient(120deg, #7b4fe8, #5b34d8);
|
|
218
|
+
--vmc-heading: #15173a;
|
|
219
|
+
--vmc-card-bg: #fbfbfd;
|
|
220
|
+
--vmc-border: #e6e6ef;
|
|
221
|
+
--vmc-max-width: 496px;
|
|
222
|
+
--vmc-card-radius: 18px;
|
|
216
223
|
--vmc-field-height: 56px;
|
|
224
|
+
--vmc-gap: 16px;
|
|
217
225
|
}
|
|
218
226
|
</style>
|
|
219
227
|
```
|
|
220
228
|
|
|
221
|
-
The
|
|
222
|
-
|
|
229
|
+
**Fonts.** The design uses **Poppins ExtraBold** for the heading and **Nunito
|
|
230
|
+
Sans** for everything else, but the bundle deliberately loads no webfonts — an
|
|
231
|
+
embedded script shouldn't add render-blocking requests to someone else's page.
|
|
232
|
+
Both families are referenced through `--vmc-font-heading` / `--vmc-font` and
|
|
233
|
+
fall back to the system stack. To get the design exactly, add one line to the
|
|
234
|
+
host page:
|
|
235
|
+
|
|
236
|
+
```html
|
|
237
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@800&family=Nunito+Sans:wght@400;600&display=swap" />
|
|
238
|
+
```
|
|
239
|
+
|
|
240
|
+
**Icons** are [Lucide](https://lucide.dev) (MIT) paths inlined in
|
|
241
|
+
`src/components/icons.tsx` — not an npm dependency, so the icon set costs ~1 kB
|
|
242
|
+
rather than pulling in a library. The `+91` flag is drawn in CSS, so the whole
|
|
243
|
+
bundle stays self-contained with no image requests.
|
|
223
244
|
|
|
224
245
|
## Development
|
|
225
246
|
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
type IconProps = {
|
|
2
|
+
size?: number;
|
|
3
|
+
className?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const UserIcon: (p: IconProps) => import("react").JSX.Element;
|
|
6
|
+
export declare const MailIcon: (p: IconProps) => import("react").JSX.Element;
|
|
7
|
+
export declare const PhoneIcon: (p: IconProps) => import("react").JSX.Element;
|
|
8
|
+
export declare const PhoneCallIcon: (p: IconProps) => import("react").JSX.Element;
|
|
9
|
+
export declare const GraduationCapIcon: (p: IconProps) => import("react").JSX.Element;
|
|
10
|
+
export declare const BookOpenIcon: (p: IconProps) => import("react").JSX.Element;
|
|
11
|
+
export declare const MapPinIcon: (p: IconProps) => import("react").JSX.Element;
|
|
12
|
+
export declare const BuildingIcon: (p: IconProps) => import("react").JSX.Element;
|
|
13
|
+
export declare const ArrowRightIcon: (p: IconProps) => import("react").JSX.Element;
|
|
14
|
+
export declare const ShieldCheckIcon: (p: IconProps) => import("react").JSX.Element;
|
|
15
|
+
export declare const HeadsetIcon: (p: IconProps) => import("react").JSX.Element;
|
|
16
|
+
export declare const ClockIcon: (p: IconProps) => import("react").JSX.Element;
|
|
17
|
+
export declare const CheckIcon: (p: IconProps) => import("react").JSX.Element;
|
|
18
|
+
export {};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
1
2
|
import type { LookupItem } from '../lib/lookups';
|
|
2
3
|
type InputProps = {
|
|
3
4
|
name: string;
|
|
4
5
|
placeholder: string;
|
|
5
6
|
value: string;
|
|
6
7
|
onChange: (value: string) => void;
|
|
8
|
+
icon: ReactNode;
|
|
7
9
|
type?: string;
|
|
8
10
|
inputMode?: 'text' | 'numeric' | 'tel' | 'email';
|
|
9
11
|
maxLength?: number;
|
|
@@ -13,20 +15,27 @@ type InputProps = {
|
|
|
13
15
|
required?: boolean;
|
|
14
16
|
error?: string;
|
|
15
17
|
};
|
|
16
|
-
export declare const Input: ({ name, placeholder, value, onChange, type, inputMode, maxLength, autoComplete, disabled, invalid, required, error, }: InputProps) => import("react").JSX.Element;
|
|
18
|
+
export declare const Input: ({ name, placeholder, value, onChange, icon, type, inputMode, maxLength, autoComplete, disabled, invalid, required, error, }: InputProps) => import("react").JSX.Element;
|
|
17
19
|
type SelectProps = {
|
|
18
20
|
name: string;
|
|
19
21
|
placeholder: string;
|
|
20
22
|
value: string;
|
|
21
23
|
onChange: (value: string) => void;
|
|
22
24
|
options: LookupItem[];
|
|
25
|
+
icon: ReactNode;
|
|
23
26
|
disabled?: boolean;
|
|
24
27
|
invalid?: boolean;
|
|
25
28
|
required?: boolean;
|
|
26
29
|
error?: string;
|
|
27
|
-
className?: string;
|
|
28
30
|
};
|
|
29
|
-
export declare const Select: ({ name, placeholder, value, onChange, options, disabled, invalid, required, error,
|
|
31
|
+
export declare const Select: ({ name, placeholder, value, onChange, options, icon, disabled, invalid, required, error, }: SelectProps) => import("react").JSX.Element;
|
|
32
|
+
/** The dial-code box: CSS tricolour flag, then a bare select showing "+91". */
|
|
33
|
+
export declare const DialCodeSelect: ({ value, onChange, options, disabled, }: {
|
|
34
|
+
value: string;
|
|
35
|
+
onChange: (value: string) => void;
|
|
36
|
+
options: string[];
|
|
37
|
+
disabled?: boolean;
|
|
38
|
+
}) => import("react").JSX.Element;
|
|
30
39
|
type OtpInputProps = {
|
|
31
40
|
length: number;
|
|
32
41
|
value: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=function(e){"use strict";var t,n,r,o,i,a,l,c,s,_,u,d,p,f,m=Object.defineProperty,v=(e,t,n)=>((e,t,n)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n)(e,"symbol"!=typeof t?t+"":t,n),h={},g=[],b=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function x(e,t){for(var n in t)e[n]=t[n];return e}function k(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function w(e,n,r){var o,i,a,l={};for(a in n)"key"==a?o=n[a]:"ref"==a?i=n[a]:l[a]=n[a];if(arguments.length>2&&(l.children=arguments.length>3?t.call(arguments,2):r),"function"==typeof e&&null!=e.defaultProps)for(a in e.defaultProps)void 0===l[a]&&(l[a]=e.defaultProps[a]);return P(e,l,o,i,null)}function P(e,t,o,i,a){var l={type:e,props:t,key:o,ref:i,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==a?++r:a,__i:-1,__u:0};return null==a&&null!=n.vnode&&n.vnode(l),l}function C(e){return e.children}function N(e,t){this.props=e,this.context=t}function S(e,t){if(null==t)return e.__?S(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e)return n.__e;return"function"==typeof e.type?S(e):null}function E(e){if(e.__P&&e.__d){var t=e.__v,r=t.__e,o=[],i=[],a=x({},t);a.__v=t.__v+1,n.vnode&&n.vnode(a),V(e.__P,a,t,e.__n,e.__P.namespaceURI,32&t.__u?[r]:null,o,null==r?S(t):r,!!(32&t.__u),i),a.__v=t.__v,a.__.__k[a.__i]=a,q(o,a,i),t.__e=t.__=null,a.__e!=r&&T(a)}}function T(e){if(null!=(e=e.__)&&null!=e.__c)return e.__e=e.__c.base=null,e.__k.some(function(t){if(null!=t&&null!=t.__e)return e.__e=e.__c.base=t.__e}),T(e)}function O(e){(!e.__d&&(e.__d=!0)&&o.push(e)&&!A.__r++||i!=n.debounceRendering)&&((i=n.debounceRendering)||a)(A)}function A(){try{for(var e,t=1;o.length;)o.length>t&&o.sort(l),e=o.shift(),t=o.length,E(e)}finally{o.length=A.__r=0}}function D(e,t,n,r,o,i,a,l,c,s,_){var u,d,p,f,m,v,b=r&&r.__k||g,x=t.length;for(c=function(e,t,n,r,o){var i,a,l,c,s,_=n.length,u=_,d=0;for(e.__k=new Array(o),i=0;i<o;i++)null!=(a=t[i])&&"boolean"!=typeof a&&"function"!=typeof a?("string"==typeof a||"number"==typeof a||"bigint"==typeof a||a.constructor==String?a=e.__k[i]=P(null,a,null,null,null):y(a)?a=e.__k[i]=P(C,{children:a},null,null,null):void 0===a.constructor&&a.__b>0?a=e.__k[i]=P(a.type,a.props,a.key,a.ref?a.ref:null,a.__v):e.__k[i]=a,c=i+d,a.__=e,a.__b=e.__b+1,l=null,-1!=(s=a.__i=U(a,n,c,u))&&(u--,(l=n[s])&&(l.__u|=2)),null==l||null==l.__v?(-1==s&&(o>_?d--:o<_&&d++),"function"!=typeof a.type&&(a.__u|=4)):s!=c&&(s==c-1?d--:s==c+1?d++:(s>c?d--:d++,a.__u|=4))):e.__k[i]=null;if(u)for(i=0;i<_;i++)null!=(l=n[i])&&!(2&l.__u)&&(l.__e==r&&(r=S(l)),j(l,l));return r}(n,t,b,c,x),u=0;u<x;u++)null!=(p=n.__k[u])&&(d=-1!=p.__i&&b[p.__i]||h,p.__i=u,v=V(e,p,d,o,i,a,l,c,s,_),f=p.__e,p.ref&&d.ref!=p.ref&&(d.ref&&W(d.ref,null,p),_.push(p.ref,p.__c||f,p)),null==m&&null!=f&&(m=f),4&p.__u?(c=M(p,c,e),d.__e&&(d.__e=null)):"function"==typeof p.type&&void 0!==v?c=v:f&&(c=f.nextSibling),p.__u&=-7);return n.__e=m,c}function M(e,t,n){var r,o;if("function"==typeof e.type){for(r=e.__k,o=0;r&&o<r.length;o++)r[o]&&(r[o].__=e,t=M(r[o],t,n));return t}e.__e!=t&&(t&&e.type&&!t.parentNode&&(t=S(e)),t=n.insertBefore(e.__e,t||null));do{t=t&&t.nextSibling}while(null!=t&&8==t.nodeType);return t}function H(e,t){return t=t||[],null==e||"boolean"==typeof e||(y(e)?e.some(function(e){H(e,t)}):t.push(e)),t}function U(e,t,n,r){var o,i,a,l=e.key,c=e.type,s=t[n],_=null!=s&&!(2&s.__u);if(null===s&&null==l||_&&l==s.key&&c==s.type)return n;if(r>(_?1:0))for(o=n-1,i=n+1;o>=0||i<t.length;)if(null!=(s=t[a=o>=0?o--:i++])&&!(2&s.__u)&&l==s.key&&c==s.type)return a;return-1}function $(e,t,n){"-"==t[0]?e.setProperty(t,null==n?"":n):e[t]=null==n?"":"number"!=typeof n||b.test(t)?n:n+"px"}function z(e,t,n,r,o){var i,a;e:if("style"==t)if("string"==typeof n)e.style.cssText=n;else{if("string"==typeof r&&(e.style.cssText=r=""),r)for(t in r)n&&t in n||$(e.style,t,"");if(n)for(t in n)r&&n[t]==r[t]||$(e.style,t,n[t])}else if("o"==t[0]&&"n"==t[1])i=t!=(t=t.replace(u,"$1")),a=t.toLowerCase(),t=a in e||"onFocusOut"==t||"onFocusIn"==t?a.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+i]=n,n?r?n[_]=r[_]:(n[_]=d,e.addEventListener(t,i?f:p,i)):e.removeEventListener(t,i?f:p,i);else{if("http://www.w3.org/2000/svg"==o)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=t&&"height"!=t&&"href"!=t&&"list"!=t&&"form"!=t&&"tabIndex"!=t&&"download"!=t&&"rowSpan"!=t&&"colSpan"!=t&&"role"!=t&&"popover"!=t&&t in e)try{e[t]=null==n?"":n;break e}catch(l){}"function"==typeof n||(null==n||!1===n&&"-"!=t[4]?e.removeAttribute(t):e.setAttribute(t,"popover"==t&&1==n?"":n))}}function L(e){return function(t){if(this.l){var r=this.l[t.type+e];if(null==t[s])t[s]=d++;else if(t[s]<r[_])return;return r(n.event?n.event(t):t)}}}function V(e,r,o,i,a,l,c,s,_,u){var d,p,f,m,v,b,w,P,E,T,O,A,M,H,U,$,L=r.type;if(void 0!==r.constructor)return null;128&o.__u&&(_=!!(32&o.__u),l=[s=r.__e=o.__e]),(d=n.__b)&&d(r);e:if("function"==typeof L){p=c.length;try{if(E=r.props,T=L.prototype&&L.prototype.render,O=(d=L.contextType)&&i[d.__c],A=d?O?O.props.value:d.__:i,o.__c?P=(f=r.__c=o.__c).__=f.__E:(T?r.__c=f=new L(E,A):(r.__c=f=new N(E,A),f.constructor=L,f.render=B),O&&O.sub(f),f.state||(f.state={}),f.__n=i,m=f.__d=!0,f.__h=[],f._sb=[]),T&&null==f.__s&&(f.__s=f.state),T&&null!=L.getDerivedStateFromProps&&(f.__s==f.state&&(f.__s=x({},f.__s)),x(f.__s,L.getDerivedStateFromProps(E,f.__s))),v=f.props,b=f.state,f.__v=r,m)T&&null==L.getDerivedStateFromProps&&null!=f.componentWillMount&&f.componentWillMount(),T&&null!=f.componentDidMount&&f.__h.push(f.componentDidMount);else{if(T&&null==L.getDerivedStateFromProps&&E!==v&&null!=f.componentWillReceiveProps&&f.componentWillReceiveProps(E,A),r.__v==o.__v||!f.__e&&null!=f.shouldComponentUpdate&&!1===f.shouldComponentUpdate(E,f.__s,A)){r.__v!=o.__v&&(f.props=E,f.state=f.__s,f.__d=!1),r.__e=o.__e,r.__k=o.__k,r.__k.some(function(e){e&&(e.__=r)}),g.push.apply(f.__h,f._sb),f._sb=[],f.__h.length&&c.push(f),s=S(o);break e}null!=f.componentWillUpdate&&f.componentWillUpdate(E,f.__s,A),T&&null!=f.componentDidUpdate&&f.__h.push(function(){f.componentDidUpdate(v,b,w)})}if(f.context=A,f.props=E,f.__P=e,f.__e=!1,M=n.__r,H=0,T)f.state=f.__s,f.__d=!1,M&&M(r),d=f.render(f.props,f.state,f.context),g.push.apply(f.__h,f._sb),f._sb=[];else do{f.__d=!1,M&&M(r),d=f.render(f.props,f.state,f.context),f.state=f.__s}while(f.__d&&++H<25);f.state=f.__s,null!=f.getChildContext&&(i=x(x({},i),f.getChildContext())),T&&!m&&null!=f.getSnapshotBeforeUpdate&&(w=f.getSnapshotBeforeUpdate(v,b)),U=null!=d&&d.type===C&&null==d.key?I(d.props.children):d,s=D(e,y(U)?U:[U],r,o,i,a,l,c,s,_,u),f.base=r.__e,r.__u&=-161,f.__h.length&&c.push(f),P&&(f.__E=f.__=null)}catch(V){if(c.length=p,r.__v=null,_||null!=l){if(V.then){for(r.__u|=_?160:128;s&&8==s.nodeType&&s.nextSibling;)s=s.nextSibling;null!=l&&(l[l.indexOf(s)]=null),r.__e=s}else if(null!=l)for($=l.length;$--;)k(l[$])}else r.__e=o.__e;null==r.__k&&(r.__k=o.__k||[]),V.then||R(r),n.__e(V,r,o)}}else null==l&&r.__v==o.__v?(r.__k=o.__k,r.__e=o.__e):s=r.__e=function(e,r,o,i,a,l,c,s,_){var u,d,p,f,m,v,g,b=o.props||h,x=r.props,w=r.type;if("svg"==w?a="http://www.w3.org/2000/svg":"math"==w?a="http://www.w3.org/1998/Math/MathML":a||(a="http://www.w3.org/1999/xhtml"),null!=l)for(u=0;u<l.length;u++)if((m=l[u])&&"setAttribute"in m==!!w&&(w?m.localName==w:3==m.nodeType)){e=m,l[u]=null;break}if(null==e){if(null==w)return document.createTextNode(x);e=document.createElementNS(a,w,x.is&&x),s&&(n.__m&&n.__m(r,l),s=!1),l=null}if(null==w)b===x||s&&e.data==x||(e.data=x);else{if(l="textarea"==w&&null!=x.defaultValue?null:l&&t.call(e.childNodes),!s&&null!=l)for(b={},u=0;u<e.attributes.length;u++)b[(m=e.attributes[u]).name]=m.value;for(u in b)m=b[u],"dangerouslySetInnerHTML"==u?p=m:"children"==u||u in x||"value"==u&&"defaultValue"in x||"checked"==u&&"defaultChecked"in x||z(e,u,null,m,a);for(u in x)m=x[u],"children"==u?f=m:"dangerouslySetInnerHTML"==u?d=m:"value"==u?v=m:"checked"==u?g=m:s&&"function"!=typeof m||b[u]===m||z(e,u,m,b[u],a);if(d)s||p&&(d.__html==p.__html||d.__html==e.innerHTML)||(e.innerHTML=d.__html),r.__k=[];else if(p&&(e.innerHTML=""),D("template"==r.type?e.content:e,y(f)?f:[f],r,o,i,"foreignObject"==w?"http://www.w3.org/1999/xhtml":a,l,c,l?l[0]:o.__k&&S(o,0),s,_),null!=l)for(u=l.length;u--;)k(l[u]);s&&"textarea"!=w||(u="value","progress"==w&&null==v?e.removeAttribute("value"):null!=v&&(v!==e[u]||"progress"==w&&!v||"option"==w&&v!=b[u])&&z(e,u,v,b[u],a),u="checked",null!=g&&g!=e[u]&&z(e,u,g,b[u],a))}return e}(o.__e,r,o,i,a,l,c,_,u);return(d=n.diffed)&&d(r),128&r.__u?void 0:s}function R(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(R))}function q(e,t,r){for(var o=0;o<r.length;o++)W(r[o],r[++o],r[++o]);n.__c&&n.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(r){n.__e(r,t.__v)}})}function I(e){return"object"!=typeof e||null==e||e.__b>0?e:y(e)?e.map(I):void 0!==e.constructor?null:x({},e)}function W(e,t,r){try{if("function"==typeof e){var o="function"==typeof e.__u;o&&e.__u(),o&&null==t||(e.__u=e(t))}else e.current=t}catch(i){n.__e(i,r)}}function j(e,t,r){var o,i;if(n.unmount&&n.unmount(e),(o=e.ref)&&(o.current&&o.current!=e.__e||W(o,null,t)),null!=(o=e.__c)){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(a){n.__e(a,t)}o.base=o.__P=o.__n=null}if(o=e.__k)for(i=0;i<o.length;i++)o[i]&&j(o[i],t,r||"function"!=typeof e.type);r||k(e.__e),e.__c=e.__=e.__e=void 0}function B(e,t,n){return this.constructor(e,n)}function F(e,r,o){var i,a,l;r==document&&(r=document.documentElement),n.__&&n.__(e,r),i=r.__k,a=[],l=[],V(r,e=r.__k=w(C,null,[e]),i||h,h,r.namespaceURI,i?null:r.firstChild?t.call(r.childNodes):null,a,i?i.__e:r.firstChild,!1,l),q(a,e,l),e.props.children=null}t=g.slice,n={__e:function(e,t,n,r){for(var o,i,a;t=t.__;)if((o=t.__c)&&!o.__)try{if((i=o.constructor)&&null!=i.getDerivedStateFromError&&(o.setState(i.getDerivedStateFromError(e)),a=o.__d),null!=o.componentDidCatch&&(o.componentDidCatch(e,r||{}),a=o.__d),a)return o.__E=o}catch(l){e=l}throw e}},r=0,N.prototype.setState=function(e,t){var n;n=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=x({},this.state),"function"==typeof e&&(e=e(x({},n),this.props)),e&&x(n,e),null!=e&&this.__v&&(t&&this._sb.push(t),O(this))},N.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),O(this))},N.prototype.render=C,o=[],a="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,l=function(e,t){return e.__v.__b-t.__v.__b},A.__r=0,c=Math.random().toString(8),s="__d"+c,_="__a"+c,u=/(PointerCapture)$|Capture$/i,d=0,p=L(!1),f=L(!0);var J,Z,G,K,X=0,Y=[],Q=n,ee=Q.__b,te=Q.__r,ne=Q.diffed,re=Q.__c,oe=Q.unmount,ie=Q.__;function ae(e,t){Q.__h&&Q.__h(Z,e,X||t),X=0;var n=Z.__H||(Z.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function le(e){return X=1,function(e,t){var n=ae(J++,2);if(n.t=e,!n.__c&&(n.__=[ge(void 0,t),function(e){var t=n.__N?n.__N[0]:n.__[0],r=n.t(t,e);t!==r&&(n.__N=[r,n.__[1]],n.__c.setState({}))}],n.__c=Z,!Z.__f)){var r=function(e,t,r){if(!n.__c.__H)return!0;var i=!1,a=n.__c.props!==e;if(n.__c.__H.__.some(function(e){if(e.__N){i=!0;var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(a=!0)}}),o){var l=o.call(this,e,t,r);return i?l||a:l}return!i||a};Z.__f=!0;var o=Z.shouldComponentUpdate,i=Z.componentWillUpdate;Z.componentWillUpdate=function(e,t,n){if(this.__e){var a=o;o=void 0,r(e,t,n),o=a}i&&i.call(this,e,t,n)},Z.shouldComponentUpdate=r}return n.__N||n.__}(ge,e)}function ce(e,t){var n=ae(J++,3);!Q.__s&&he(n.__H,t)&&(n.__=e,n.u=t,Z.__H.__h.push(n))}function se(e){return X=5,_e(function(){return{current:e}},[])}function _e(e,t){var n=ae(J++,7);return he(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function ue(e,t){return X=8,_e(function(){return e},t)}function de(){for(var e;e=Y.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(me),t.__h.some(ve),t.__h=[]}catch(n){t.__h=[],Q.__e(n,e.__v)}}}Q.__b=function(e){Z=null,ee&&ee(e)},Q.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),ie&&ie(e,t)},Q.__r=function(e){te&&te(e),J=0;var t=(Z=e.__c).__H;t&&(G===Z?(t.__h=[],Z.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(me),t.__h.some(ve),t.__h=[],J=0)),G=Z},Q.diffed=function(e){ne&&ne(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==Y.push(t)&&K===Q.requestAnimationFrame||((K=Q.requestAnimationFrame)||fe)(de)),t.__H.__.some(function(e){e.u&&(e.__H=e.u,e.u=void 0)})),G=Z=null},Q.__c=function(e,t){t.some(function(e){try{e.__h.some(me),e.__h=e.__h.filter(function(e){return!e.__||ve(e)})}catch(n){t.some(function(e){e.__h&&(e.__h=[])}),t=[],Q.__e(n,e.__v)}}),re&&re(e,t)},Q.unmount=function(e){oe&&oe(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(e){try{me(e)}catch(n){t=n}}),n.__H=void 0,t&&Q.__e(t,n.__v))};var pe="function"==typeof requestAnimationFrame;function fe(e){var t,n=function(){clearTimeout(r),pe&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);pe&&(t=requestAnimationFrame(n))}function me(e){var t=Z,n=e.__c;"function"==typeof n&&(e.__c=void 0,n()),Z=t}function ve(e){var t=Z;e.__c=e.__(),Z=t}function he(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function ge(e,t){return"function"==typeof t?t(e):t}function be(e,t){for(var n in e)if("__source"!==n&&!(n in t))return!0;for(var r in t)if("__source"!==r&&e[r]!==t[r])return!0;return!1}function ye(e,t){this.props=e,this.context=t}(ye.prototype=new N).isPureReactComponent=!0,ye.prototype.shouldComponentUpdate=function(e,t){return be(this.props,e)||be(this.state,t)};var xe=n.__b;n.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),xe&&xe(e)};var ke=n.__e;n.__e=function(e,t,n,r){if(e.then)for(var o,i=t;i=i.__;)if((o=i.__c)&&o.__c)return null==t.__e&&(t.__e=n.__e,t.__k=n.__k||[]),o.__c(e,t);ke(e,t,n,r)};var we=n.unmount;function Pe(e,t,n){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(e){"function"==typeof e.__c&&e.__c()}),e.__c.__H=null),null!=(e=function(e,t){for(var n in t)e[n]=t[n];return e}({},e)).__c&&(e.__c.__P===n&&(e.__c.__P=t),e.__c.__e=!0,e.__c=null),e.__k=e.__k&&e.__k.map(function(e){return Pe(e,t,n)})),e}function Ce(e,t,n){return e&&n&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(e){return Ce(e,t,n)}),e.__c&&e.__c.__P===t&&(e.__e&&n.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=n)),e}function Ne(){this.__u=0,this.o=null,this.__b=null}function Se(e){var t=e.__&&e.__.__c;return t&&t.__a&&t.__a(e)}function Ee(){this.i=null,this.l=null}n.unmount=function(e){var t=e.__c;t&&(t.__z=!0),t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),we&&we(e)},(Ne.prototype=new N).__c=function(e,t){var n=t.__c,r=this;null==r.o&&(r.o=[]),r.o.push(n);var o=Se(r.__v),i=!1,a=function(){i||r.__z||(i=!0,n.__R=null,o?o(c):c())};n.__R=a;var l=n.__P;n.__P=null;var c=function(){if(! --r.__u){if(r.state.__a){var e=r.state.__a;r.__v.__k[0]=Ce(e,e.__c.__P,e.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.o.pop();)t.__P=l,t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),e.then(a,a)},Ne.prototype.componentWillUnmount=function(){this.o=[]},Ne.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=Pe(this.__b,n,r.__O=r.__P)}this.__b=null}var o=t.__a&&w(C,null,e.fallback);return o&&(o.__u&=-33),[w(C,null,t.__a?null:e.children),o]};var Te=function(e,t,n){if(++n[1]===n[0]&&e.l.delete(t),e.props.revealOrder&&("t"!==e.props.revealOrder[0]||!e.l.size))for(n=e.i;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e.i=n=n[2]}};(Ee.prototype=new N).__a=function(e){var t=this,n=Se(t.__v),r=t.l.get(e);return r[0]++,function(o){var i=function(){t.props.revealOrder?(r.push(o),Te(t,e,r)):o()};n?n(i):i()}},Ee.prototype.render=function(e){this.i=null,this.l=new Map;var t=H(e.children);e.revealOrder&&"b"===e.revealOrder[0]&&t.reverse();for(var n=t.length;n--;)this.l.set(t[n],this.i=[1,0,this.i]);return e.children},Ee.prototype.componentDidUpdate=Ee.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,n){Te(e,n,t)})};var Oe="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,Ae=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,De=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Me=/[A-Z0-9]/g,He="undefined"!=typeof document,Ue=function(e){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(e)};N.prototype.isReactComponent=!0,["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty(N.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var $e=n.event;n.event=function(e){return $e&&(e=$e(e)),e.persist=function(){},e.isPropagationStopped=function(){return this.cancelBubble},e.isDefaultPrevented=function(){return this.defaultPrevented},e.nativeEvent=e};var ze={configurable:!0,get:function(){return this.class}},Le=n.vnode;n.vnode=function(e){"string"==typeof e.type&&function(e){var t=e.props,n=e.type,r={},o=-1==n.indexOf("-");for(var i in t){var a=t[i];if(!("value"===i&&"defaultValue"in t&&null==a||He&&"children"===i&&"noscript"===n||"class"===i||"className"===i)){var l=i.toLowerCase();"defaultValue"===i&&"value"in t&&null==t.value?i="value":"download"===i&&!0===a?a="":"translate"===l&&"no"===a?a=!1:"o"===l[0]&&"n"===l[1]?"ondoubleclick"===l?i="ondblclick":"onchange"!==l||"input"!==n&&"textarea"!==n||Ue(t.type)?"onfocus"===l?i="onfocusin":"onblur"===l?i="onfocusout":De.test(i)&&(i=l):l=i="oninput":o&&Ae.test(i)?i=i.replace(Me,"-$&").toLowerCase():null===a&&(a=void 0),"oninput"===l&&r[i=l]&&(i="oninputCapture"),r[i]=a}}"select"==n&&(r.multiple&&Array.isArray(r.value)&&(r.value=H(t.children).forEach(function(e){e.props.selected=-1!=r.value.indexOf(e.props.value)})),null!=r.defaultValue&&(r.value=H(t.children).forEach(function(e){e.props.selected=r.multiple?-1!=r.defaultValue.indexOf(e.props.value):r.defaultValue==e.props.value}))),t.class&&!t.className?(r.class=t.class,Object.defineProperty(r,"className",ze)):t.className&&(r.class=r.className=t.className),e.props=r}(e),e.$$typeof=Oe,Le&&Le(e)};var Ve=n.__r;n.__r=function(e){Ve&&Ve(e),e.__c};var Re=n.diffed;n.diffed=function(e){Re&&Re(e);var t=e.props,n=e.__e;null!=n&&"textarea"===e.type&&"value"in t&&t.value!==n.value&&(n.value=null==t.value?"":t.value)};var qe=0;function Ie(e,t,r,o,i,a){t||(t={});var l,c,s=t;if("ref"in s)for(c in s={},t)"ref"==c?l=t[c]:s[c]=t[c];var _={type:e,props:s,key:r,ref:l,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--qe,__i:-1,__u:0,__source:i,__self:a};if("function"==typeof e&&(l=e.defaultProps))for(c in l)void 0===s[c]&&(s[c]=l[c]);return n.vnode&&n.vnode(_),_}const We=new Set(["Tab","Escape"]),je=e=>e.replace(/-([a-z0-9])/g,(e,t)=>t.toUpperCase()),Be=(e,t,n)=>{if("undefined"!=typeof window&&!customElements.get(e)){class r extends HTMLElement{constructor(){super(...arguments),v(this,"root",null),v(this,"mounted",!1)}static get observedAttributes(){return n}connectedCallback(){if(this.mounted)return;this.mounted=!0;const e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=":host{--vmc-font: \"Poppins\", \"Montserrat\", \"Nunito Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;--vmc-heading: #322c78;--vmc-primary: #3b3663;--vmc-primary-hover: #2f2b52;--vmc-text: #333333;--vmc-placeholder: #5c5c5c;--vmc-border: #dcdcdc;--vmc-border-focus: #3b3663;--vmc-disabled-bg: #f0f0f0;--vmc-error: #d32f2f;--vmc-success: #1e8e3e;--vmc-card-bg: #ffffff;--vmc-radius: 4px;--vmc-card-radius: 24px;--vmc-field-height: 56px;--vmc-gap: 14px;--vmc-max-width: 560px;display:block;font-family:var(--vmc-font);color:var(--vmc-text);-webkit-font-smoothing:antialiased;text-align:left}*,*:before,*:after{box-sizing:border-box}.vmc-root{width:100%}.vmc-card{width:100%;max-width:var(--vmc-max-width);margin:0 auto;padding:28px 32px 34px;background:var(--vmc-card-bg);border-radius:var(--vmc-card-radius);box-shadow:0 10px 40px #00000014}.vmc-title{margin:0 0 24px;font-size:34px;line-height:1.15;font-weight:800;text-align:center;color:var(--vmc-heading);letter-spacing:-.2px}.vmc-form{display:flex;flex-direction:column;gap:var(--vmc-gap)}.vmc-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--vmc-gap)}.vmc-row-mobile{display:grid;grid-template-columns:118px 1fr;gap:var(--vmc-gap)}.vmc-row-mobile.is-verifiable{grid-template-columns:118px 1fr auto}.vmc-field{min-width:0}.vmc-field-error{margin:5px 0 0;font-size:12.5px;line-height:1.3;color:var(--vmc-error)}.vmc-input,.vmc-select{display:block;width:100%;height:var(--vmc-field-height);padding:0 18px;font-family:inherit;font-size:17px;font-weight:400;color:var(--vmc-text);background:#fff;border:1px solid var(--vmc-border);border-radius:var(--vmc-radius);outline:none;appearance:none;-webkit-appearance:none}.vmc-input::placeholder{color:var(--vmc-placeholder);opacity:1}.vmc-input:focus,.vmc-select:focus{border-color:var(--vmc-border-focus)}.vmc-input.has-error,.vmc-select.has-error{border-color:var(--vmc-error)}.vmc-select{padding-right:42px;color:var(--vmc-placeholder);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 15px center;cursor:pointer}.vmc-select.has-value{color:var(--vmc-text)}.vmc-select:disabled{background-color:var(--vmc-disabled-bg);cursor:not-allowed}.vmc-select-dial{padding:0 10px 0 14px;font-size:17px;font-weight:500;color:var(--vmc-text);background-position:right 8px center;text-align:left}.vmc-input:disabled{background-color:var(--vmc-disabled-bg)}.vmc-verify-btn{height:var(--vmc-field-height);padding:0 18px;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:var(--vmc-primary);border:none;border-radius:var(--vmc-radius);cursor:pointer;white-space:nowrap}.vmc-verify-btn:disabled{opacity:.45;cursor:not-allowed}.vmc-verified{display:inline-flex;align-items:center;gap:6px;height:var(--vmc-field-height);padding:0 14px;font-size:14px;font-weight:600;color:var(--vmc-success);white-space:nowrap}.vmc-otp-panel{padding:16px 18px;border:1px solid var(--vmc-border);border-radius:8px;background:#fafafa}.vmc-otp-label{margin:0 0 12px;font-size:14px;color:#444}.vmc-otp-label b{color:var(--vmc-text)}.vmc-otp-boxes{display:flex;gap:8px}.vmc-otp-box{width:44px;height:52px;padding:0;font-family:inherit;font-size:20px;font-weight:600;text-align:center;color:var(--vmc-text);background:#fff;border:1px solid var(--vmc-border);border-radius:var(--vmc-radius);outline:none;appearance:none;-webkit-appearance:none}.vmc-otp-box:focus{border-color:var(--vmc-border-focus)}.vmc-otp-panel .vmc-verify-btn{height:46px;font-size:13px}.vmc-otp-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.vmc-link-btn{padding:0;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--vmc-primary);background:none;border:none;cursor:pointer;text-decoration:underline}.vmc-link-btn:disabled{color:#8a8a8a;cursor:not-allowed;text-decoration:none}.vmc-consent{display:flex;align-items:flex-start;gap:12px;margin:6px 0 10px;font-size:14.5px;line-height:1.45;color:var(--vmc-text);cursor:pointer}.vmc-checkbox{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;background:#fff;border:1px solid #9a9a9a;border-radius:2px;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative}.vmc-checkbox:checked{background:var(--vmc-primary);border-color:var(--vmc-primary)}.vmc-checkbox:checked:after{content:\"\";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.vmc-submit{display:block;width:88%;height:60px;margin:8px auto 0;font-family:inherit;font-size:19px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--vmc-primary);border:none;border-radius:999px;cursor:pointer}.vmc-submit:hover:not(:disabled){background:var(--vmc-primary-hover)}.vmc-submit:disabled{opacity:.55;cursor:not-allowed}.vmc-error{margin:0;font-size:13px;color:var(--vmc-error)}.vmc-form-error{margin:4px 0 0;font-size:13.5px;color:var(--vmc-error);text-align:center}.vmc-success{padding:40px 24px;text-align:center}.vmc-success h3{margin:0 0 10px;font-size:24px;font-weight:700;color:var(--vmc-heading)}.vmc-success p{margin:0;font-size:15px;color:#555}@media(max-width:520px){.vmc-card{padding:22px 18px 26px;border-radius:16px}.vmc-title{font-size:26px}.vmc-row-2{grid-template-columns:1fr}.vmc-row-mobile,.vmc-row-mobile.is-verifiable{grid-template-columns:100px 1fr}.vmc-row-mobile.is-verifiable .vmc-verify-btn,.vmc-row-mobile.is-verifiable .vmc-verified{grid-column:1 / -1;width:100%;justify-content:center}.vmc-submit{width:100%}}";const n=document.createElement("div");n.className="vmc-root",e.append(t,n),(e=>{for(const t of["keydown","keypress","keyup"])e.addEventListener(t,e=>{var t;(t=e.target)instanceof HTMLElement&&("INPUT"===t.tagName||"SELECT"===t.tagName||"TEXTAREA"===t.tagName)&&!We.has(e.key)&&e.stopPropagation()})})(n),this.root=function(e){return{render:function(t){var n,r;n=t,null==(r=e).__k&&(r.textContent=""),F(n,r),n&&n.__c},unmount:function(){var t;(t=e).__k&&F(null,t)}}}(n),this.render()}attributeChangedCallback(){this.mounted&&this.render()}disconnectedCallback(){const e=this.root;this.root=null,this.mounted=!1,e&&setTimeout(()=>e.unmount(),0)}readProps(){const e={};for(const t of Array.from(this.attributes))e[je(t.name)]=t.value;return e}render(){var e;const n={host:this,emit:(e,t)=>{this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}};null==(e=this.root)||e.render(Ie(t,{props:this.readProps(),ctx:n}))}}customElements.define(e,r)}};class Fe extends Error{constructor(e,t){super(e),v(this,"status"),this.name="ApiError",this.status=t}}const Je="Something went wrong. Please try again.",Ze=(e,t,n)=>{const r=`${e.replace(/\/+$/,"")}${t.startsWith("/")?t:`/${t}`}`,o=new URLSearchParams;Object.entries(null!=n?n:{}).forEach(([e,t])=>{void 0!==t&&""!==t&&o.set(e,t)});const i=o.toString();return i?`${r}?${i}`:r},Ge=async(e,t,n)=>{let r;try{r=await fetch(t,n)}catch{throw new Fe("Network error. Please check your connection.",0)}const o=await(async e=>{const t=await e.text();if(!t)return null;try{return JSON.parse(t)}catch{return t}})(r);if(!r.ok){const e=o&&"object"==typeof o&&(o.error||o.message)||Je;throw new Fe(String(e),r.status)}return o},Ke=e=>e instanceof Fe?e.message:Je,Xe="https://vmcrm-api.codingblocks.com/api",Ye={classesPath:"/lookups/form-classes",coursesPath:"/lookups/form-courses",statesPath:"/lookups/states",citiesPath:"/lookups/cities",otpSendPath:"/auth/login/send-otp",otpVerifyPath:"/auth/login/verify-otp",submitPath:"/forms/vmc-online-lead"},Qe=["+91","+1","+44","+61","+65","+971","+974","+966","+60","+64","+81","+49"],et=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"}),tt=(e,t)=>{var n,r;return et.compare(null!=(n=e.name)?n:"",null!=(r=t.name)?r:"")},nt=(e,t,{filter:n,include:r,enabled:o=!0,sort:i=!1}={})=>{const[a,l]=le([]),[c,s]=le(!1),_=n?JSON.stringify(n):"",u=r?JSON.stringify(r):"";return ce(()=>{if(!o)return void l([]);let n=!1;return s(!0),e.get(t,{..._?{filter:_}:{},...u?{include:u}:{}}).then(e=>{if(n)return;const t=(e=>{if(Array.isArray(e))return e;const t=null==e?void 0:e.data;return Array.isArray(t)?t:[]})(e);l(i?[...t].sort(tt):t)}).catch(()=>{n||l([])}).finally(()=>{n||s(!1)}),()=>{n=!0}},[e,t,_,u,o,i]),{items:a,loading:c}},rt=(e,t)=>`${e}|${t}`,ot={"bypass-account-check":"true"},it=({name:e,placeholder:t,value:n,onChange:r,type:o="text",inputMode:i,maxLength:a,autoComplete:l,disabled:c,invalid:s,required:_,error:u})=>Ie("div",{className:"vmc-field",children:[Ie("input",{className:"vmc-input"+(s?" has-error":""),name:e,type:o,inputMode:i,maxLength:a,autoComplete:l,placeholder:t,value:n,disabled:c,required:_,"aria-label":t,"aria-required":_||void 0,"aria-invalid":s||void 0,onChange:e=>r(e.target.value)}),s&&u&&Ie("p",{className:"vmc-field-error",children:u})]}),at=({name:e,placeholder:t,value:n,onChange:r,options:o,disabled:i,invalid:a,required:l,error:c,className:s=""})=>Ie("div",{className:"vmc-field",children:[Ie("select",{className:`vmc-select${n?" has-value":""}${a?" has-error":""}${s?` ${s}`:""}`,name:e,value:n,disabled:i,required:l,"aria-label":t,"aria-required":l||void 0,"aria-invalid":a||void 0,onChange:e=>r(e.target.value),children:[Ie("option",{value:"",children:t}),o.map(e=>{var t;return Ie("option",{value:String(e.id),children:null!=(t=e.name)?t:`#${e.id}`},String(e.id))})]}),a&&c&&Ie("p",{className:"vmc-field-error",children:c})]}),lt=({length:e,value:t,onChange:n,disabled:r})=>{const o=se([]),i=t=>{var n,r;const i=Math.max(0,Math.min(e-1,t));null==(n=o.current[i])||n.focus(),null==(r=o.current[i])||r.select()},a=t=>{t.preventDefault();const r=t.clipboardData.getData("text").replace(/\D/g,"").slice(0,e);n(r),i(r.length)};return Ie("div",{className:"vmc-otp-boxes",children:Array.from({length:e},(l,c)=>{var s;return Ie("input",{ref:e=>{o.current[c]=e},className:"vmc-otp-box",type:"text",inputMode:"numeric",autoComplete:"one-time-code",maxLength:1,disabled:r,"aria-label":`OTP digit ${c+1}`,value:null!=(s=t[c])?s:"",onChange:r=>((r,o)=>{const a=o.replace(/\D/g,"");if(!a)return void(r=>{const o=t.padEnd(e," ").split("");o[r]=" ",n(o.join("").replace(/ /g,"").slice(0,e))})(r);const l=(t.slice(0,r)+a).slice(0,e);n(l),i(r+a.length)})(c,r.target.value),onKeyDown:e=>((e,r)=>{"Backspace"===r.key&&!t[e]&&e>0&&(r.preventDefault(),n(t.slice(0,e-1)),i(e-1)),"ArrowLeft"===r.key&&(r.preventDefault(),i(e-1)),"ArrowRight"===r.key&&(r.preventDefault(),i(e+1))})(c,e),onPaste:a},c)})})},ct={name:"",email:"",dial_code:"+91",mobile:"",class_id:"",course_id:"",state_id:"",city_id:""},st={defaultSource:"vmc-online-lead-form",coursesCategory:"CommonOnline"},_t={defaultSource:"vmc-online-lead-form-neet",coursesCategory:"NEET"},ut={defaultSource:"vmc-online-lead-form-common",coursesCategory:"Common"},dt=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,pt=e=>{if(!e)return{};try{const t=JSON.parse(e);return t&&"object"==typeof t?t:{}}catch{return{}}},ft=({props:e,ctx:t,variant:n=st})=>{const r=e.apiBase||Xe,o=_e(()=>(e=>({classesPath:e.classesPath||Ye.classesPath,coursesPath:e.coursesPath||Ye.coursesPath,statesPath:e.statesPath||Ye.statesPath,citiesPath:e.citiesPath||Ye.citiesPath,otpSendPath:e.otpSendPath||Ye.otpSendPath,otpVerifyPath:e.otpVerifyPath||Ye.otpVerifyPath,submitPath:e.submitPath||Ye.submitPath}))(e),[JSON.stringify(e)]),i=_e(()=>{return e=r,{get:(t,n)=>Ge(0,Ze(e,t,n),{method:"GET",headers:{Accept:"application/json"}}),post:(t,n,r)=>Ge(0,Ze(e,t),{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json",...r},body:JSON.stringify(null!=n?n:{})})};var e},[r]),[a,l]=le({...ct,dial_code:e.dialCode||ct.dial_code}),[c,s]=le(!1),[_,u]=le(!1),[d,p]=le(!1),[f,m]=le(null),[v,h]=le(!1),g=n.coursesCategory?{courses:{some:{category:n.coursesCategory}}}:void 0,b=n.coursesCategory?{courses:{where:{category:n.coursesCategory}}}:void 0,y=nt(i,o.classesPath,{filter:g,include:b,enabled:Boolean(r),sort:!0}),x=nt(i,o.coursesPath,{filter:a.class_id?{form_class_id:Number(a.class_id),...n.coursesCategory?{category:n.coursesCategory}:{}}:void 0,enabled:Boolean(r)&&Boolean(a.class_id),sort:!0}),k=nt(i,o.statesPath,{enabled:Boolean(r)}),w=nt(i,o.citiesPath,{filter:a.state_id?{state_id:Number(a.state_id)}:void 0,enabled:Boolean(r)&&Boolean(a.state_id)}),P=(({api:e,sendPath:t,verifyPath:n,dialCode:r,mobile:o,resendSeconds:i=30})=>{const[a,l]=le("idle"),[c,s]=le(""),[_,u]=le(""),[d,p]=le(null),[f,m]=le(0),[v,h]=le(null),g=se(null),b=rt(r,o);ce(()=>{"idle"!==a&&g.current!==b&&(l("idle"),s(""),u(""),p(null),m(0),h(null))},[b]),ce(()=>{if(f<=0)return;const e=setTimeout(()=>m(e=>e-1),1e3);return()=>clearTimeout(e)},[f]);const y=ue(async()=>{var n;p(null),l("sending");try{const a=await e.post(t,{mobile_number:o,dial_code:r},ot);return g.current=rt(r,o),s(null!=(n=null==a?void 0:a.otp_id)?n:""),u(""),l("sent"),m(i),!0}catch(a){return l("idle"),p(Ke(a)),!1}},[e,t,o,r,i]),x=ue(async()=>{if(_.length<6)return p("Please enter the 6-digit OTP."),!1;p(null),l("verifying");try{return await e.post(n,{mobile_number:o,dial_code:r,otp_id:c,otp:_},ot),g.current=rt(r,o),h({dialCode:r,mobile:o}),l("verified"),!0}catch(t){return l("sent"),p(Ke(t)),!1}},[e,n,o,r,c,_]);return{status:a,verified:v,otp:_,setOtp:u,otpId:c,error:d,resendIn:f,sendOtp:y,verifyOtp:x,isVerified:"verified"===a,isPending:"sending"===a||"verifying"===a}})({api:i,sendPath:o.otpSendPath,verifyPath:o.otpVerifyPath,dialCode:a.dial_code,mobile:a.mobile}),C=(e,t)=>l(n=>{const r={...n,[e]:t};return"class_id"===e&&(r.course_id=""),"state_id"===e&&(r.city_id=""),r}),N=(S=a.dial_code,E=a.mobile,"+91"===S?/^[6-9]\d{9}$/.test(E):/^\d{6,15}$/.test(E));var S,E;const T={name:_&&a.name.trim().length<2,email:_&&!dt.test(a.email.trim()),mobile:_&&!N,class_id:_&&!a.class_id,course_id:_&&!a.course_id,state_id:_&&!a.state_id,city_id:_&&!a.city_id},O=a.name.trim().length<2||!dt.test(a.email.trim())||!N||!a.class_id||!a.course_id||!a.state_id||!a.city_id;if(v)return Ie("div",{className:"vmc-card",children:Ie("div",{className:"vmc-success",children:[Ie("h3",{children:e.successTitle||"Thank you!"}),Ie("p",{children:e.successMessage||"Your request has been received. Our counsellor will call you back shortly."})]})});const A=!P.isVerified,D="sent"===P.status||"verifying"===P.status;return Ie("div",{className:"vmc-card",children:[Ie("h2",{className:"vmc-title",children:e.heading||"Want a call back ?"}),Ie("form",{className:"vmc-form",onSubmit:async r=>{if(r.preventDefault(),u(!0),m(null),O)return void m("Please fill all the required fields.");const l=P.verified;if(!P.isVerified||!l)return void m("Please verify your mobile number to continue.");if(!c)return void m("Please accept the consent to continue.");const s={name:a.name.trim(),email:a.email.trim(),dial_code:l.dialCode,mobile:l.mobile,form_class_id:Number(a.class_id),form_course_id:Number(a.course_id),state_id:Number(a.state_id),city_id:Number(a.city_id),admission_test_id:2147483647,otp_id:P.otpId,mobile_verified:!0,consent:!0,source:e.dataSource||n.defaultSource,page_url:"undefined"!=typeof window?window.location.href:void 0,...pt(e.extraPayload)};p(!0);try{const e=await i.post(o.submitPath,s);h(!0),t.emit("vmc-lead-success",{payload:s,response:e})}catch(_){const e=Ke(_);m(e),t.emit("vmc-lead-error",{payload:s,error:e})}finally{p(!1)}},noValidate:!0,children:[Ie(it,{name:"name",placeholder:"Enter Name *",autoComplete:"name",value:a.name,onChange:e=>C("name",e),required:!0,invalid:T.name,error:"Please enter your name."}),Ie(it,{name:"email",type:"email",inputMode:"email",placeholder:"Enter Email Address *",autoComplete:"email",value:a.email,onChange:e=>C("email",e),required:!0,invalid:T.email,error:"Please enter a valid email address."}),Ie("div",{className:"vmc-row-mobile is-verifiable",children:[Ie("select",{className:"vmc-select vmc-select-dial has-value",name:"dial_code","aria-label":"Dial code",value:a.dial_code,disabled:P.isVerified,onChange:e=>C("dial_code",e.target.value),children:Qe.map(e=>Ie("option",{value:e,children:e},e))}),Ie(it,{name:"mobile",type:"tel",inputMode:"numeric",placeholder:"Enter Mobile Number *",autoComplete:"tel",maxLength:"+91"===a.dial_code?10:15,value:a.mobile,onChange:e=>C("mobile",e.replace(/\D/g,"")),disabled:P.isVerified,required:!0,invalid:T.mobile,error:"+91"===a.dial_code?"Please enter a valid 10-digit mobile number.":"Please enter a valid mobile number."}),A?Ie("button",{type:"button",className:"vmc-verify-btn",disabled:!N||P.isPending||D,onClick:()=>{P.sendOtp()},children:"sending"===P.status?"Sending…":D?"OTP Sent":"Verify"}):Ie("span",{className:"vmc-verified",children:"✓ Verified"})]}),D&&Ie("div",{className:"vmc-otp-panel",children:[Ie("p",{className:"vmc-otp-label",children:["OTP sent to"," ",Ie("b",{children:[a.dial_code," ",a.mobile]}),". Enter it below to verify."]}),Ie(lt,{length:6,value:P.otp,onChange:P.setOtp,disabled:"verifying"===P.status}),Ie("div",{className:"vmc-otp-actions",children:[Ie("button",{type:"button",className:"vmc-verify-btn",disabled:P.otp.length<6||P.isPending,onClick:()=>{P.verifyOtp()},children:"verifying"===P.status?"Verifying…":"Verify OTP"}),Ie("button",{type:"button",className:"vmc-link-btn",disabled:P.resendIn>0||P.isPending,onClick:()=>{P.sendOtp()},children:P.resendIn>0?`Resend OTP in ${P.resendIn}s`:"Resend OTP"})]}),P.error&&Ie("p",{className:"vmc-error",children:P.error})]}),!D&&P.error&&Ie("p",{className:"vmc-error",children:P.error}),Ie("div",{className:"vmc-row-2",children:[Ie(at,{name:"class_id",placeholder:"Select Class *",value:a.class_id,onChange:e=>C("class_id",e),options:y.items,required:!0,invalid:T.class_id,error:"Please select a class."}),Ie(at,{name:"course_id",placeholder:"Select Course *",value:a.course_id,onChange:e=>C("course_id",e),options:x.items,disabled:!a.class_id,required:!0,invalid:T.course_id,error:"Please select a course."})]}),Ie("div",{className:"vmc-row-2",children:[Ie(at,{name:"state_id",placeholder:"Select Student State *",value:a.state_id,onChange:e=>C("state_id",e),options:k.items,required:!0,invalid:T.state_id,error:"Please select a state."}),Ie(at,{name:"city_id",placeholder:"Select Student City *",value:a.city_id,onChange:e=>C("city_id",e),options:w.items,disabled:!a.state_id,required:!0,invalid:T.city_id,error:"Please select a city."})]}),Ie("label",{className:"vmc-consent",children:[Ie("input",{className:"vmc-checkbox",type:"checkbox",name:"consent",checked:c,onChange:e=>s(e.target.checked)}),Ie("span",{children:e.consentText||'I authorise "Vidyamandir Classes" & its representatives to contact me with updates and notifications via Email/SMS/What\'sApp/Call. This will override on DND/NDNC.'})]}),Ie("button",{type:"submit",className:"vmc-submit",disabled:d||!P.isVerified||!c,children:d?"Submitting…":e.submitLabel||"Submit"}),f&&Ie("p",{className:"vmc-form-error",children:f})]})]})},mt=["api-base","data-source","extra-payload","classes-path","courses-path","states-path","cities-path","otp-send-path","otp-verify-path","submit-path","heading","dial-code","consent-text","submit-label","success-title","success-message"];return Be("vmc-online-lead",ft,mt),Be("vmc-online-lead-neet",e=>Ie(ft,{...e,variant:_t}),mt),Be("vmc-online-lead-common",e=>Ie(ft,{...e,variant:ut}),mt),e.API_BASE=Xe,e.DEFAULT_ENDPOINTS=Ye,e.defineElement=Be,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),e}({});
|
|
1
|
+
var e=function(e){"use strict";var t,n,r,i,a,o,l,c,s,_,d,u,p,m,v=Object.defineProperty,h=(e,t,n)=>((e,t,n)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n)(e,"symbol"!=typeof t?t+"":t,n),f={},g=[],b=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function x(e,t){for(var n in t)e[n]=t[n];return e}function w(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function k(e,n,r){var i,a,o,l={};for(o in n)"key"==o?i=n[o]:"ref"==o?a=n[o]:l[o]=n[o];if(arguments.length>2&&(l.children=arguments.length>3?t.call(arguments,2):r),"function"==typeof e&&null!=e.defaultProps)for(o in e.defaultProps)void 0===l[o]&&(l[o]=e.defaultProps[o]);return P(e,l,i,a,null)}function P(e,t,i,a,o){var l={type:e,props:t,key:i,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++r:o,__i:-1,__u:0};return null==o&&null!=n.vnode&&n.vnode(l),l}function N(e){return e.children}function C(e,t){this.props=e,this.context=t}function S(e,t){if(null==t)return e.__?S(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e)return n.__e;return"function"==typeof e.type?S(e):null}function E(e){if(e.__P&&e.__d){var t=e.__v,r=t.__e,i=[],a=[],o=x({},t);o.__v=t.__v+1,n.vnode&&n.vnode(o),$(e.__P,o,t,e.__n,e.__P.namespaceURI,32&t.__u?[r]:null,i,null==r?S(t):r,!!(32&t.__u),a),o.__v=t.__v,o.__.__k[o.__i]=o,R(i,o,a),t.__e=t.__=null,o.__e!=r&&M(o)}}function M(e){if(null!=(e=e.__)&&null!=e.__c)return e.__e=e.__c.base=null,e.__k.some(function(t){if(null!=t&&null!=t.__e)return e.__e=e.__c.base=t.__e}),M(e)}function T(e){(!e.__d&&(e.__d=!0)&&i.push(e)&&!z.__r++||a!=n.debounceRendering)&&((a=n.debounceRendering)||o)(z)}function z(){try{for(var e,t=1;i.length;)i.length>t&&i.sort(l),e=i.shift(),t=i.length,E(e)}finally{i.length=z.__r=0}}function A(e,t,n,r,i,a,o,l,c,s,_){var d,u,p,m,v,h,b=r&&r.__k||g,x=t.length;for(c=function(e,t,n,r,i){var a,o,l,c,s,_=n.length,d=_,u=0;for(e.__k=new Array(i),a=0;a<i;a++)null!=(o=t[a])&&"boolean"!=typeof o&&"function"!=typeof o?("string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?o=e.__k[a]=P(null,o,null,null,null):y(o)?o=e.__k[a]=P(N,{children:o},null,null,null):void 0===o.constructor&&o.__b>0?o=e.__k[a]=P(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):e.__k[a]=o,c=a+u,o.__=e,o.__b=e.__b+1,l=null,-1!=(s=o.__i=D(o,n,c,d))&&(d--,(l=n[s])&&(l.__u|=2)),null==l||null==l.__v?(-1==s&&(i>_?u--:i<_&&u++),"function"!=typeof o.type&&(o.__u|=4)):s!=c&&(s==c-1?u--:s==c+1?u++:(s>c?u--:u++,o.__u|=4))):e.__k[a]=null;if(d)for(a=0;a<_;a++)null!=(l=n[a])&&!(2&l.__u)&&(l.__e==r&&(r=S(l)),W(l,l));return r}(n,t,b,c,x),d=0;d<x;d++)null!=(p=n.__k[d])&&(u=-1!=p.__i&&b[p.__i]||f,p.__i=d,h=$(e,p,u,i,a,o,l,c,s,_),m=p.__e,p.ref&&u.ref!=p.ref&&(u.ref&&I(u.ref,null,p),_.push(p.ref,p.__c||m,p)),null==v&&null!=m&&(v=m),4&p.__u?(c=O(p,c,e),u.__e&&(u.__e=null)):"function"==typeof p.type&&void 0!==h?c=h:m&&(c=m.nextSibling),p.__u&=-7);return n.__e=v,c}function O(e,t,n){var r,i;if("function"==typeof e.type){for(r=e.__k,i=0;r&&i<r.length;i++)r[i]&&(r[i].__=e,t=O(r[i],t,n));return t}e.__e!=t&&(t&&e.type&&!t.parentNode&&(t=S(e)),t=n.insertBefore(e.__e,t||null));do{t=t&&t.nextSibling}while(null!=t&&8==t.nodeType);return t}function H(e,t){return t=t||[],null==e||"boolean"==typeof e||(y(e)?e.some(function(e){H(e,t)}):t.push(e)),t}function D(e,t,n,r){var i,a,o,l=e.key,c=e.type,s=t[n],_=null!=s&&!(2&s.__u);if(null===s&&null==l||_&&l==s.key&&c==s.type)return n;if(r>(_?1:0))for(i=n-1,a=n+1;i>=0||a<t.length;)if(null!=(s=t[o=i>=0?i--:a++])&&!(2&s.__u)&&l==s.key&&c==s.type)return o;return-1}function L(e,t,n){"-"==t[0]?e.setProperty(t,null==n?"":n):e[t]=null==n?"":"number"!=typeof n||b.test(t)?n:n+"px"}function U(e,t,n,r,i){var a,o;e:if("style"==t)if("string"==typeof n)e.style.cssText=n;else{if("string"==typeof r&&(e.style.cssText=r=""),r)for(t in r)n&&t in n||L(e.style,t,"");if(n)for(t in n)r&&n[t]==r[t]||L(e.style,t,n[t])}else if("o"==t[0]&&"n"==t[1])a=t!=(t=t.replace(d,"$1")),o=t.toLowerCase(),t=o in e||"onFocusOut"==t||"onFocusIn"==t?o.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+a]=n,n?r?n[_]=r[_]:(n[_]=u,e.addEventListener(t,a?m:p,a)):e.removeEventListener(t,a?m:p,a);else{if("http://www.w3.org/2000/svg"==i)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=t&&"height"!=t&&"href"!=t&&"list"!=t&&"form"!=t&&"tabIndex"!=t&&"download"!=t&&"rowSpan"!=t&&"colSpan"!=t&&"role"!=t&&"popover"!=t&&t in e)try{e[t]=null==n?"":n;break e}catch(l){}"function"==typeof n||(null==n||!1===n&&"-"!=t[4]?e.removeAttribute(t):e.setAttribute(t,"popover"==t&&1==n?"":n))}}function V(e){return function(t){if(this.l){var r=this.l[t.type+e];if(null==t[s])t[s]=u++;else if(t[s]<r[_])return;return r(n.event?n.event(t):t)}}}function $(e,r,i,a,o,l,c,s,_,d){var u,p,m,v,h,b,k,P,E,M,T,z,O,H,D,L,V=r.type;if(void 0!==r.constructor)return null;128&i.__u&&(_=!!(32&i.__u),l=[s=r.__e=i.__e]),(u=n.__b)&&u(r);e:if("function"==typeof V){p=c.length;try{if(E=r.props,M=V.prototype&&V.prototype.render,T=(u=V.contextType)&&a[u.__c],z=u?T?T.props.value:u.__:a,i.__c?P=(m=r.__c=i.__c).__=m.__E:(M?r.__c=m=new V(E,z):(r.__c=m=new C(E,z),m.constructor=V,m.render=B),T&&T.sub(m),m.state||(m.state={}),m.__n=a,v=m.__d=!0,m.__h=[],m._sb=[]),M&&null==m.__s&&(m.__s=m.state),M&&null!=V.getDerivedStateFromProps&&(m.__s==m.state&&(m.__s=x({},m.__s)),x(m.__s,V.getDerivedStateFromProps(E,m.__s))),h=m.props,b=m.state,m.__v=r,v)M&&null==V.getDerivedStateFromProps&&null!=m.componentWillMount&&m.componentWillMount(),M&&null!=m.componentDidMount&&m.__h.push(m.componentDidMount);else{if(M&&null==V.getDerivedStateFromProps&&E!==h&&null!=m.componentWillReceiveProps&&m.componentWillReceiveProps(E,z),r.__v==i.__v||!m.__e&&null!=m.shouldComponentUpdate&&!1===m.shouldComponentUpdate(E,m.__s,z)){r.__v!=i.__v&&(m.props=E,m.state=m.__s,m.__d=!1),r.__e=i.__e,r.__k=i.__k,r.__k.some(function(e){e&&(e.__=r)}),g.push.apply(m.__h,m._sb),m._sb=[],m.__h.length&&c.push(m),s=S(i);break e}null!=m.componentWillUpdate&&m.componentWillUpdate(E,m.__s,z),M&&null!=m.componentDidUpdate&&m.__h.push(function(){m.componentDidUpdate(h,b,k)})}if(m.context=z,m.props=E,m.__P=e,m.__e=!1,O=n.__r,H=0,M)m.state=m.__s,m.__d=!1,O&&O(r),u=m.render(m.props,m.state,m.context),g.push.apply(m.__h,m._sb),m._sb=[];else do{m.__d=!1,O&&O(r),u=m.render(m.props,m.state,m.context),m.state=m.__s}while(m.__d&&++H<25);m.state=m.__s,null!=m.getChildContext&&(a=x(x({},a),m.getChildContext())),M&&!v&&null!=m.getSnapshotBeforeUpdate&&(k=m.getSnapshotBeforeUpdate(h,b)),D=null!=u&&u.type===N&&null==u.key?q(u.props.children):u,s=A(e,y(D)?D:[D],r,i,a,o,l,c,s,_,d),m.base=r.__e,r.__u&=-161,m.__h.length&&c.push(m),P&&(m.__E=m.__=null)}catch($){if(c.length=p,r.__v=null,_||null!=l){if($.then){for(r.__u|=_?160:128;s&&8==s.nodeType&&s.nextSibling;)s=s.nextSibling;null!=l&&(l[l.indexOf(s)]=null),r.__e=s}else if(null!=l)for(L=l.length;L--;)w(l[L])}else r.__e=i.__e;null==r.__k&&(r.__k=i.__k||[]),$.then||j(r),n.__e($,r,i)}}else null==l&&r.__v==i.__v?(r.__k=i.__k,r.__e=i.__e):s=r.__e=function(e,r,i,a,o,l,c,s,_){var d,u,p,m,v,h,g,b=i.props||f,x=r.props,k=r.type;if("svg"==k?o="http://www.w3.org/2000/svg":"math"==k?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=l)for(d=0;d<l.length;d++)if((v=l[d])&&"setAttribute"in v==!!k&&(k?v.localName==k:3==v.nodeType)){e=v,l[d]=null;break}if(null==e){if(null==k)return document.createTextNode(x);e=document.createElementNS(o,k,x.is&&x),s&&(n.__m&&n.__m(r,l),s=!1),l=null}if(null==k)b===x||s&&e.data==x||(e.data=x);else{if(l="textarea"==k&&null!=x.defaultValue?null:l&&t.call(e.childNodes),!s&&null!=l)for(b={},d=0;d<e.attributes.length;d++)b[(v=e.attributes[d]).name]=v.value;for(d in b)v=b[d],"dangerouslySetInnerHTML"==d?p=v:"children"==d||d in x||"value"==d&&"defaultValue"in x||"checked"==d&&"defaultChecked"in x||U(e,d,null,v,o);for(d in x)v=x[d],"children"==d?m=v:"dangerouslySetInnerHTML"==d?u=v:"value"==d?h=v:"checked"==d?g=v:s&&"function"!=typeof v||b[d]===v||U(e,d,v,b[d],o);if(u)s||p&&(u.__html==p.__html||u.__html==e.innerHTML)||(e.innerHTML=u.__html),r.__k=[];else if(p&&(e.innerHTML=""),A("template"==r.type?e.content:e,y(m)?m:[m],r,i,a,"foreignObject"==k?"http://www.w3.org/1999/xhtml":o,l,c,l?l[0]:i.__k&&S(i,0),s,_),null!=l)for(d=l.length;d--;)w(l[d]);s&&"textarea"!=k||(d="value","progress"==k&&null==h?e.removeAttribute("value"):null!=h&&(h!==e[d]||"progress"==k&&!h||"option"==k&&h!=b[d])&&U(e,d,h,b[d],o),d="checked",null!=g&&g!=e[d]&&U(e,d,g,b[d],o))}return e}(i.__e,r,i,a,o,l,c,_,d);return(u=n.diffed)&&u(r),128&r.__u?void 0:s}function j(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(j))}function R(e,t,r){for(var i=0;i<r.length;i++)I(r[i],r[++i],r[++i]);n.__c&&n.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(r){n.__e(r,t.__v)}})}function q(e){return"object"!=typeof e||null==e||e.__b>0?e:y(e)?e.map(q):void 0!==e.constructor?null:x({},e)}function I(e,t,r){try{if("function"==typeof e){var i="function"==typeof e.__u;i&&e.__u(),i&&null==t||(e.__u=e(t))}else e.current=t}catch(a){n.__e(a,r)}}function W(e,t,r){var i,a;if(n.unmount&&n.unmount(e),(i=e.ref)&&(i.current&&i.current!=e.__e||I(i,null,t)),null!=(i=e.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(o){n.__e(o,t)}i.base=i.__P=i.__n=null}if(i=e.__k)for(a=0;a<i.length;a++)i[a]&&W(i[a],t,r||"function"!=typeof e.type);r||w(e.__e),e.__c=e.__=e.__e=void 0}function B(e,t,n){return this.constructor(e,n)}function F(e,r,i){var a,o,l;r==document&&(r=document.documentElement),n.__&&n.__(e,r),a=r.__k,o=[],l=[],$(r,e=r.__k=k(N,null,[e]),a||f,f,r.namespaceURI,a?null:r.firstChild?t.call(r.childNodes):null,o,a?a.__e:r.firstChild,!1,l),R(o,e,l),e.props.children=null}t=g.slice,n={__e:function(e,t,n,r){for(var i,a,o;t=t.__;)if((i=t.__c)&&!i.__)try{if((a=i.constructor)&&null!=a.getDerivedStateFromError&&(i.setState(a.getDerivedStateFromError(e)),o=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(e,r||{}),o=i.__d),o)return i.__E=i}catch(l){e=l}throw e}},r=0,C.prototype.setState=function(e,t){var n;n=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=x({},this.state),"function"==typeof e&&(e=e(x({},n),this.props)),e&&x(n,e),null!=e&&this.__v&&(t&&this._sb.push(t),T(this))},C.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),T(this))},C.prototype.render=N,i=[],o="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,l=function(e,t){return e.__v.__b-t.__v.__b},z.__r=0,c=Math.random().toString(8),s="__d"+c,_="__a"+c,d=/(PointerCapture)$|Capture$/i,u=0,p=V(!1),m=V(!0);var J,Z,G,K,Q=0,X=[],Y=n,ee=Y.__b,te=Y.__r,ne=Y.diffed,re=Y.__c,ie=Y.unmount,ae=Y.__;function oe(e,t){Y.__h&&Y.__h(Z,e,Q||t),Q=0;var n=Z.__H||(Z.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function le(e){return Q=1,function(e,t){var n=oe(J++,2);if(n.t=e,!n.__c&&(n.__=[ge(void 0,t),function(e){var t=n.__N?n.__N[0]:n.__[0],r=n.t(t,e);t!==r&&(n.__N=[r,n.__[1]],n.__c.setState({}))}],n.__c=Z,!Z.__f)){var r=function(e,t,r){if(!n.__c.__H)return!0;var a=!1,o=n.__c.props!==e;if(n.__c.__H.__.some(function(e){if(e.__N){a=!0;var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(o=!0)}}),i){var l=i.call(this,e,t,r);return a?l||o:l}return!a||o};Z.__f=!0;var i=Z.shouldComponentUpdate,a=Z.componentWillUpdate;Z.componentWillUpdate=function(e,t,n){if(this.__e){var o=i;i=void 0,r(e,t,n),i=o}a&&a.call(this,e,t,n)},Z.shouldComponentUpdate=r}return n.__N||n.__}(ge,e)}function ce(e,t){var n=oe(J++,3);!Y.__s&&fe(n.__H,t)&&(n.__=e,n.u=t,Z.__H.__h.push(n))}function se(e){return Q=5,_e(function(){return{current:e}},[])}function _e(e,t){var n=oe(J++,7);return fe(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function de(e,t){return Q=8,_e(function(){return e},t)}function ue(){for(var e;e=X.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(ve),t.__h.some(he),t.__h=[]}catch(n){t.__h=[],Y.__e(n,e.__v)}}}Y.__b=function(e){Z=null,ee&&ee(e)},Y.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),ae&&ae(e,t)},Y.__r=function(e){te&&te(e),J=0;var t=(Z=e.__c).__H;t&&(G===Z?(t.__h=[],Z.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(ve),t.__h.some(he),t.__h=[],J=0)),G=Z},Y.diffed=function(e){ne&&ne(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==X.push(t)&&K===Y.requestAnimationFrame||((K=Y.requestAnimationFrame)||me)(ue)),t.__H.__.some(function(e){e.u&&(e.__H=e.u,e.u=void 0)})),G=Z=null},Y.__c=function(e,t){t.some(function(e){try{e.__h.some(ve),e.__h=e.__h.filter(function(e){return!e.__||he(e)})}catch(n){t.some(function(e){e.__h&&(e.__h=[])}),t=[],Y.__e(n,e.__v)}}),re&&re(e,t)},Y.unmount=function(e){ie&&ie(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(e){try{ve(e)}catch(n){t=n}}),n.__H=void 0,t&&Y.__e(t,n.__v))};var pe="function"==typeof requestAnimationFrame;function me(e){var t,n=function(){clearTimeout(r),pe&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);pe&&(t=requestAnimationFrame(n))}function ve(e){var t=Z,n=e.__c;"function"==typeof n&&(e.__c=void 0,n()),Z=t}function he(e){var t=Z;e.__c=e.__(),Z=t}function fe(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function ge(e,t){return"function"==typeof t?t(e):t}function be(e,t){for(var n in e)if("__source"!==n&&!(n in t))return!0;for(var r in t)if("__source"!==r&&e[r]!==t[r])return!0;return!1}function ye(e,t){this.props=e,this.context=t}(ye.prototype=new C).isPureReactComponent=!0,ye.prototype.shouldComponentUpdate=function(e,t){return be(this.props,e)||be(this.state,t)};var xe=n.__b;n.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),xe&&xe(e)};var we=n.__e;n.__e=function(e,t,n,r){if(e.then)for(var i,a=t;a=a.__;)if((i=a.__c)&&i.__c)return null==t.__e&&(t.__e=n.__e,t.__k=n.__k||[]),i.__c(e,t);we(e,t,n,r)};var ke=n.unmount;function Pe(e,t,n){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(e){"function"==typeof e.__c&&e.__c()}),e.__c.__H=null),null!=(e=function(e,t){for(var n in t)e[n]=t[n];return e}({},e)).__c&&(e.__c.__P===n&&(e.__c.__P=t),e.__c.__e=!0,e.__c=null),e.__k=e.__k&&e.__k.map(function(e){return Pe(e,t,n)})),e}function Ne(e,t,n){return e&&n&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(e){return Ne(e,t,n)}),e.__c&&e.__c.__P===t&&(e.__e&&n.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=n)),e}function Ce(){this.__u=0,this.o=null,this.__b=null}function Se(e){var t=e.__&&e.__.__c;return t&&t.__a&&t.__a(e)}function Ee(){this.i=null,this.l=null}n.unmount=function(e){var t=e.__c;t&&(t.__z=!0),t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),ke&&ke(e)},(Ce.prototype=new C).__c=function(e,t){var n=t.__c,r=this;null==r.o&&(r.o=[]),r.o.push(n);var i=Se(r.__v),a=!1,o=function(){a||r.__z||(a=!0,n.__R=null,i?i(c):c())};n.__R=o;var l=n.__P;n.__P=null;var c=function(){if(! --r.__u){if(r.state.__a){var e=r.state.__a;r.__v.__k[0]=Ne(e,e.__c.__P,e.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.o.pop();)t.__P=l,t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),e.then(o,o)},Ce.prototype.componentWillUnmount=function(){this.o=[]},Ce.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=Pe(this.__b,n,r.__O=r.__P)}this.__b=null}var i=t.__a&&k(N,null,e.fallback);return i&&(i.__u&=-33),[k(N,null,t.__a?null:e.children),i]};var Me=function(e,t,n){if(++n[1]===n[0]&&e.l.delete(t),e.props.revealOrder&&("t"!==e.props.revealOrder[0]||!e.l.size))for(n=e.i;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e.i=n=n[2]}};(Ee.prototype=new C).__a=function(e){var t=this,n=Se(t.__v),r=t.l.get(e);return r[0]++,function(i){var a=function(){t.props.revealOrder?(r.push(i),Me(t,e,r)):i()};n?n(a):a()}},Ee.prototype.render=function(e){this.i=null,this.l=new Map;var t=H(e.children);e.revealOrder&&"b"===e.revealOrder[0]&&t.reverse();for(var n=t.length;n--;)this.l.set(t[n],this.i=[1,0,this.i]);return e.children},Ee.prototype.componentDidUpdate=Ee.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,n){Me(e,n,t)})};var Te="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,ze=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,Ae=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Oe=/[A-Z0-9]/g,He="undefined"!=typeof document,De=function(e){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(e)};C.prototype.isReactComponent=!0,["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty(C.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var Le=n.event;n.event=function(e){return Le&&(e=Le(e)),e.persist=function(){},e.isPropagationStopped=function(){return this.cancelBubble},e.isDefaultPrevented=function(){return this.defaultPrevented},e.nativeEvent=e};var Ue={configurable:!0,get:function(){return this.class}},Ve=n.vnode;n.vnode=function(e){"string"==typeof e.type&&function(e){var t=e.props,n=e.type,r={},i=-1==n.indexOf("-");for(var a in t){var o=t[a];if(!("value"===a&&"defaultValue"in t&&null==o||He&&"children"===a&&"noscript"===n||"class"===a||"className"===a)){var l=a.toLowerCase();"defaultValue"===a&&"value"in t&&null==t.value?a="value":"download"===a&&!0===o?o="":"translate"===l&&"no"===o?o=!1:"o"===l[0]&&"n"===l[1]?"ondoubleclick"===l?a="ondblclick":"onchange"!==l||"input"!==n&&"textarea"!==n||De(t.type)?"onfocus"===l?a="onfocusin":"onblur"===l?a="onfocusout":Ae.test(a)&&(a=l):l=a="oninput":i&&ze.test(a)?a=a.replace(Oe,"-$&").toLowerCase():null===o&&(o=void 0),"oninput"===l&&r[a=l]&&(a="oninputCapture"),r[a]=o}}"select"==n&&(r.multiple&&Array.isArray(r.value)&&(r.value=H(t.children).forEach(function(e){e.props.selected=-1!=r.value.indexOf(e.props.value)})),null!=r.defaultValue&&(r.value=H(t.children).forEach(function(e){e.props.selected=r.multiple?-1!=r.defaultValue.indexOf(e.props.value):r.defaultValue==e.props.value}))),t.class&&!t.className?(r.class=t.class,Object.defineProperty(r,"className",Ue)):t.className&&(r.class=r.className=t.className),e.props=r}(e),e.$$typeof=Te,Ve&&Ve(e)};var $e=n.__r;n.__r=function(e){$e&&$e(e),e.__c};var je=n.diffed;n.diffed=function(e){je&&je(e);var t=e.props,n=e.__e;null!=n&&"textarea"===e.type&&"value"in t&&t.value!==n.value&&(n.value=null==t.value?"":t.value)};var Re=0;function qe(e,t,r,i,a,o){t||(t={});var l,c,s=t;if("ref"in s)for(c in s={},t)"ref"==c?l=t[c]:s[c]=t[c];var _={type:e,props:s,key:r,ref:l,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--Re,__i:-1,__u:0,__source:a,__self:o};if("function"==typeof e&&(l=e.defaultProps))for(c in l)void 0===s[c]&&(s[c]=l[c]);return n.vnode&&n.vnode(_),_}const Ie=new Set(["Tab","Escape"]),We=e=>e.replace(/-([a-z0-9])/g,(e,t)=>t.toUpperCase()),Be=(e,t,n)=>{if("undefined"!=typeof window&&!customElements.get(e)){class r extends HTMLElement{constructor(){super(...arguments),h(this,"root",null),h(this,"mounted",!1)}static get observedAttributes(){return n}connectedCallback(){if(this.mounted)return;this.mounted=!0;const e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=":host{--vmc-font: \"Nunito Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;--vmc-font-heading: \"Poppins\", var(--vmc-font);--vmc-accent: #6d4aef;--vmc-accent-deep: #4b32d1;--vmc-accent-link: #5a37e0;--vmc-gradient: linear-gradient(120deg, #7b4fe8 0%, #5b34d8 100%);--vmc-heading: #15173a;--vmc-text: #4b4b5c;--vmc-text-strong: #22223a;--vmc-muted: #4a4a5e;--vmc-consent-text: #2c2c3d;--vmc-trust-text: #3a3a4d;--vmc-placeholder: #4b4b5c;--vmc-border: #e6e6ef;--vmc-divider: #e2e2ec;--vmc-badge-bg: #ebe9fb;--vmc-disabled-bg: #f2f2f7;--vmc-error: #d92c4b;--vmc-success: #12873f;--vmc-card-bg: #fbfbfd;--vmc-field-bg: #ffffff;--vmc-radius: 10px;--vmc-card-radius: 15px;--vmc-max-width: 496px;--vmc-verify-width: 84px;--vmc-field-height: clamp(40px, 5.2vh, 48px);--vmc-gap: clamp(8px, 1.3vh, 13px);--vmc-pad-y: clamp(15px, 2.4vh, 28px);--vmc-pad-x: clamp(14px, 4vw, 32px);--vmc-badge: clamp(34px, 4.6vh, 48px);--vmc-title: clamp(18px, 2.7vh, 26px);--vmc-submit-height: clamp(40px, 5.2vh, 48px);--vmc-otp-height: clamp(36px, 4.6vh, 42px);--vmc-icon: clamp(14px, 1.8vh, 17px);--vmc-icon-badge: clamp(18px, 2.5vh, 24px);--vmc-icon-trust: clamp(15px, 2vh, 18px);--vmc-text-size: clamp(11px, 1.4vh, 12.5px);--vmc-subtitle-size: clamp(10px, 1.3vh, 12px);--vmc-consent-size: clamp(10px, 1.25vh, 12px);--vmc-trust-size: clamp(9px, 1.15vh, 10.5px);display:block;font-family:var(--vmc-font);color:var(--vmc-text);-webkit-font-smoothing:antialiased;text-align:left}*,*:before,*:after{box-sizing:border-box}.vmc-root{width:100%}.vmc-card{width:100%;max-width:var(--vmc-max-width);margin:0 auto;padding:var(--vmc-pad-y) var(--vmc-pad-x);background:var(--vmc-card-bg);border-radius:var(--vmc-card-radius);box-shadow:0 10px 40px #5046a012}.vmc-header{display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.4vh,14px)}.vmc-badge{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:var(--vmc-badge);height:var(--vmc-badge);border-radius:50%;background:var(--vmc-badge-bg);color:var(--vmc-accent)}.vmc-title{margin:0;font-family:var(--vmc-font-heading);font-size:var(--vmc-title);line-height:1.1;font-weight:800;color:var(--vmc-heading);letter-spacing:-.5px}.vmc-title span{color:var(--vmc-accent-deep)}.vmc-subtitle{margin:clamp(6px,1.2vh,12px) 0 0;font-size:var(--vmc-subtitle-size);line-height:1.4;text-align:center;color:var(--vmc-muted)}.vmc-rule{display:flex;align-items:center;justify-content:center;gap:5px;margin:clamp(7px,1.2vh,12px) 0 clamp(10px,2vh,20px)}.vmc-rule i{display:block;height:3px;width:26px;border-radius:3px;background:var(--vmc-accent)}.vmc-rule i+i{width:3px}.vmc-form{display:flex;flex-direction:column;gap:var(--vmc-gap)}.vmc-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--vmc-gap)}.vmc-row-mobile{display:grid;grid-template-columns:auto minmax(0,1fr) var(--vmc-verify-width);gap:var(--vmc-gap);align-items:start}.vmc-field{min-width:0}.vmc-box{display:flex;align-items:center;gap:clamp(7px,1.1vh,10px);height:var(--vmc-field-height);padding:0 clamp(9px,1.4vh,12px);background:var(--vmc-field-bg);border:1px solid var(--vmc-border);border-radius:var(--vmc-radius)}.vmc-box:focus-within{border-color:var(--vmc-accent)}.vmc-box.has-error{border-color:var(--vmc-error)}.vmc-box.is-disabled{background:var(--vmc-disabled-bg)}.vmc-box-icon{flex:0 0 auto;display:flex;align-items:center;color:var(--vmc-accent)}.vmc-box-icon svg,.vmc-submit svg,.vmc-verified svg{width:var(--vmc-icon);height:var(--vmc-icon)}.vmc-badge svg{width:var(--vmc-icon-badge);height:var(--vmc-icon-badge)}.vmc-trust-item svg{width:var(--vmc-icon-trust);height:var(--vmc-icon-trust)}.vmc-control{flex:1 1 auto;width:100%;min-width:0;height:100%;padding:0;font-family:inherit;font-size:var(--vmc-text-size);font-weight:400;color:var(--vmc-text-strong);background:transparent;border:none;outline:none;appearance:none;-webkit-appearance:none}.vmc-control::placeholder{color:var(--vmc-placeholder);opacity:1}.vmc-control:disabled{color:var(--vmc-text);cursor:not-allowed}select.vmc-control{padding-right:17px;color:var(--vmc-placeholder);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234b4b5c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right center}select.vmc-control.has-value{color:var(--vmc-text-strong)}select.vmc-control:disabled{cursor:not-allowed}.vmc-flag{flex:0 0 auto;position:relative;width:clamp(20px,2.7vh,24px);height:clamp(14px,1.9vh,17px);border-radius:2px;background-image:linear-gradient(180deg,#f93 33.3%,#fff 33.3% 66.6%,#128807 66.6%)}.vmc-flag:after{content:\"\";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border:1px solid #1a3b8f;border-radius:50%}select.vmc-control-dial{flex:0 0 auto;width:auto;font-size:var(--vmc-text-size);color:var(--vmc-text-strong)}.vmc-verify-btn{height:var(--vmc-field-height);padding:0 10px;font-family:inherit;font-size:11.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#fff;background:var(--vmc-gradient);border:none;border-radius:var(--vmc-radius);cursor:pointer;white-space:nowrap}.vmc-verify-btn:disabled{opacity:.45;cursor:not-allowed}.vmc-verified{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--vmc-field-height);font-size:13px;font-weight:600;color:var(--vmc-success);white-space:nowrap}.vmc-otp-panel{padding:clamp(11px,1.8vh,16px) clamp(12px,1.9vh,18px);background:var(--vmc-field-bg);border:1px solid var(--vmc-border);border-radius:var(--vmc-radius)}.vmc-otp-label{margin:0 0 12px;font-size:13.5px;color:var(--vmc-muted)}.vmc-otp-label b{color:var(--vmc-text-strong)}.vmc-otp-boxes{display:flex;gap:8px}.vmc-otp-box{width:clamp(30px,3.9vh,36px);height:var(--vmc-otp-height);padding:0;font-family:inherit;font-size:17px;font-weight:600;text-align:center;color:var(--vmc-text-strong);background:var(--vmc-field-bg);border:1px solid var(--vmc-border);border-radius:8px;outline:none;appearance:none;-webkit-appearance:none}.vmc-otp-box:focus{border-color:var(--vmc-accent)}.vmc-otp-panel .vmc-verify-btn{height:44px;font-size:12.5px}.vmc-otp-actions{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap}.vmc-link-btn{padding:0;font-family:inherit;font-size:13px;font-weight:600;color:var(--vmc-accent);background:none;border:none;cursor:pointer;text-decoration:underline}.vmc-link-btn:disabled{color:#8a8a9a;cursor:not-allowed;text-decoration:none}.vmc-consent{display:flex;align-items:flex-start;gap:clamp(9px,1.3vh,12px);margin:2px 0;font-size:var(--vmc-consent-size);line-height:1.45;color:var(--vmc-consent-text);cursor:pointer}.vmc-consent b{font-weight:400;color:var(--vmc-accent-link)}.vmc-checkbox{flex:0 0 auto;width:clamp(18px,2.4vh,22px);height:clamp(18px,2.4vh,22px);margin:0;background:var(--vmc-field-bg);border:2px solid var(--vmc-accent);border-radius:5px;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative}.vmc-checkbox:checked{background:var(--vmc-accent)}.vmc-checkbox:checked:after{content:\"\";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.vmc-submit{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.7vh,16px);width:calc(100% - 16px);height:var(--vmc-submit-height);margin:clamp(4px,1vh,10px) auto 0;font-family:inherit;font-size:clamp(12.5px,1.7vh,15px);font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#fff;background:var(--vmc-gradient);border:none;border-radius:999px;cursor:pointer;box-shadow:0 12px 13px #5a37d747}.vmc-submit:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.vmc-trust{display:grid;grid-template-columns:repeat(3,1fr);margin:clamp(13px,2.4vh,26px) 0 0}.vmc-trust-item{display:flex;align-items:center;justify-content:center;gap:clamp(7px,1.2vh,10px);padding:0 6px}.vmc-trust-item+.vmc-trust-item{border-left:1px solid var(--vmc-divider)}.vmc-trust-item span{font-size:var(--vmc-trust-size);line-height:1.35;color:var(--vmc-trust-text)}.vmc-trust-item svg{flex:0 0 auto;color:var(--vmc-accent)}.vmc-error{margin:10px 0 0;font-size:13px;color:var(--vmc-error)}.vmc-field-error{margin:5px 0 0;font-size:12.5px;line-height:1.3;color:var(--vmc-error)}.vmc-form-error{margin:2px 0 0;font-size:13.5px;color:var(--vmc-error);text-align:center}.vmc-success{padding:clamp(28px,5vh,44px) 24px;text-align:center}.vmc-success .vmc-badge{margin:0 auto 16px;color:var(--vmc-success)}.vmc-success h3{margin:0 0 10px;font-family:var(--vmc-font-heading);font-size:clamp(18px,2.4vh,21px);font-weight:800;color:var(--vmc-heading)}.vmc-success p{margin:0;font-size:14.5px;color:var(--vmc-muted)}@media(max-width:470px){.vmc-card{padding:24px 18px 22px;border-radius:14px}.vmc-header{gap:10px}.vmc-badge{width:46px;height:46px}.vmc-title{font-size:23px}.vmc-row-2{grid-template-columns:1fr}.vmc-row-mobile{grid-template-columns:96px minmax(0,1fr)}.vmc-row-mobile .vmc-verify-btn,.vmc-row-mobile .vmc-verified{grid-column:1 / -1;width:100%}.vmc-submit{width:100%;letter-spacing:1px}.vmc-trust{grid-template-columns:1fr;gap:12px;margin-top:20px}.vmc-trust-item{justify-content:flex-start}.vmc-trust-item+.vmc-trust-item{border-left:none}}";const n=document.createElement("div");n.className="vmc-root",e.append(t,n),(e=>{for(const t of["keydown","keypress","keyup"])e.addEventListener(t,e=>{var t;(t=e.target)instanceof HTMLElement&&("INPUT"===t.tagName||"SELECT"===t.tagName||"TEXTAREA"===t.tagName)&&!Ie.has(e.key)&&e.stopPropagation()})})(n),this.root=function(e){return{render:function(t){var n,r;n=t,null==(r=e).__k&&(r.textContent=""),F(n,r),n&&n.__c},unmount:function(){var t;(t=e).__k&&F(null,t)}}}(n),this.render()}attributeChangedCallback(){this.mounted&&this.render()}disconnectedCallback(){const e=this.root;this.root=null,this.mounted=!1,e&&setTimeout(()=>e.unmount(),0)}readProps(){const e={};for(const t of Array.from(this.attributes))e[We(t.name)]=t.value;return e}render(){var e;const n={host:this,emit:(e,t)=>{this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}};null==(e=this.root)||e.render(qe(t,{props:this.readProps(),ctx:n}))}}customElements.define(e,r)}};class Fe extends Error{constructor(e,t){super(e),h(this,"status"),this.name="ApiError",this.status=t}}const Je="Something went wrong. Please try again.",Ze=(e,t,n)=>{const r=`${e.replace(/\/+$/,"")}${t.startsWith("/")?t:`/${t}`}`,i=new URLSearchParams;Object.entries(null!=n?n:{}).forEach(([e,t])=>{void 0!==t&&""!==t&&i.set(e,t)});const a=i.toString();return a?`${r}?${a}`:r},Ge=async(e,t,n)=>{let r;try{r=await fetch(t,n)}catch{throw new Fe("Network error. Please check your connection.",0)}const i=await(async e=>{const t=await e.text();if(!t)return null;try{return JSON.parse(t)}catch{return t}})(r);if(!r.ok){const e=i&&"object"==typeof i&&(i.error||i.message)||Je;throw new Fe(String(e),r.status)}return i},Ke=e=>e instanceof Fe?e.message:Je,Qe="https://vmcrm-api.codingblocks.com/api",Xe={classesPath:"/lookups/form-classes",coursesPath:"/lookups/form-courses",statesPath:"/lookups/states",citiesPath:"/lookups/cities",otpSendPath:"/auth/login/send-otp",otpVerifyPath:"/auth/login/verify-otp",submitPath:"/forms/vmc-online-lead"},Ye=["+91","+1","+44","+61","+65","+971","+974","+966","+60","+64","+81","+49"],et=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"}),tt=(e,t)=>{var n,r;return et.compare(null!=(n=e.name)?n:"",null!=(r=t.name)?r:"")},nt=(e,t,{filter:n,include:r,enabled:i=!0,sort:a=!1}={})=>{const[o,l]=le([]),[c,s]=le(!1),_=n?JSON.stringify(n):"",d=r?JSON.stringify(r):"";return ce(()=>{if(!i)return void l([]);let n=!1;return s(!0),e.get(t,{..._?{filter:_}:{},...d?{include:d}:{}}).then(e=>{if(n)return;const t=(e=>{if(Array.isArray(e))return e;const t=null==e?void 0:e.data;return Array.isArray(t)?t:[]})(e);l(a?[...t].sort(tt):t)}).catch(()=>{n||l([])}).finally(()=>{n||s(!1)}),()=>{n=!0}},[e,t,_,d,i,a]),{items:o,loading:c}},rt=(e,t)=>`${e}|${t}`,it={"bypass-account-check":"true"},at=({icon:e,invalid:t,disabled:n,error:r,children:i})=>qe("div",{className:"vmc-field",children:[qe("div",{className:`vmc-box${t?" has-error":""}${n?" is-disabled":""}`,children:[qe("span",{className:"vmc-box-icon",children:e}),i]}),t&&r&&qe("p",{className:"vmc-field-error",children:r})]}),ot=({name:e,placeholder:t,value:n,onChange:r,icon:i,type:a="text",inputMode:o,maxLength:l,autoComplete:c,disabled:s,invalid:_,required:d,error:u})=>qe(at,{icon:i,invalid:_,disabled:s,error:u,children:qe("input",{className:"vmc-control",name:e,type:a,inputMode:o,maxLength:l,autoComplete:c,placeholder:t,value:n,disabled:s,required:d,"aria-label":t,"aria-required":d||void 0,"aria-invalid":_||void 0,onChange:e=>r(e.target.value)})}),lt=({name:e,placeholder:t,value:n,onChange:r,options:i,icon:a,disabled:o,invalid:l,required:c,error:s})=>qe(at,{icon:a,invalid:l,disabled:o,error:s,children:qe("select",{className:"vmc-control"+(n?" has-value":""),name:e,value:n,disabled:o,required:c,"aria-label":t,"aria-required":c||void 0,"aria-invalid":l||void 0,onChange:e=>r(e.target.value),children:[qe("option",{value:"",children:t}),i.map(e=>{var t;return qe("option",{value:String(e.id),children:null!=(t=e.name)?t:`#${e.id}`},String(e.id))})]})}),ct=({value:e,onChange:t,options:n,disabled:r})=>qe("div",{className:"vmc-field",children:qe("div",{className:"vmc-box"+(r?" is-disabled":""),children:[qe("span",{className:"vmc-flag","aria-hidden":"true"}),qe("select",{className:"vmc-control vmc-control-dial has-value",name:"dial_code",value:e,disabled:r,"aria-label":"Dial code",onChange:e=>t(e.target.value),children:n.map(e=>qe("option",{value:e,children:e},e))})]})}),st=({length:e,value:t,onChange:n,disabled:r})=>{const i=se([]),a=t=>{var n,r;const a=Math.max(0,Math.min(e-1,t));null==(n=i.current[a])||n.focus(),null==(r=i.current[a])||r.select()},o=t=>{t.preventDefault();const r=t.clipboardData.getData("text").replace(/\D/g,"").slice(0,e);n(r),a(r.length)};return qe("div",{className:"vmc-otp-boxes",children:Array.from({length:e},(l,c)=>{var s;return qe("input",{ref:e=>{i.current[c]=e},className:"vmc-otp-box",type:"text",inputMode:"numeric",autoComplete:"one-time-code",maxLength:1,disabled:r,"aria-label":`OTP digit ${c+1}`,value:null!=(s=t[c])?s:"",onChange:r=>((r,i)=>{const o=i.replace(/\D/g,"");if(!o)return void(r=>{const i=t.padEnd(e," ").split("");i[r]=" ",n(i.join("").replace(/ /g,"").slice(0,e))})(r);const l=(t.slice(0,r)+o).slice(0,e);n(l),a(r+o.length)})(c,r.target.value),onKeyDown:e=>((e,r)=>{"Backspace"===r.key&&!t[e]&&e>0&&(r.preventDefault(),n(t.slice(0,e-1)),a(e-1)),"ArrowLeft"===r.key&&(r.preventDefault(),a(e-1)),"ArrowRight"===r.key&&(r.preventDefault(),a(e+1))})(c,e),onPaste:o},c)})})},_t=({size:e=20,className:t,children:n})=>qe("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:t,"aria-hidden":"true",focusable:"false",children:n}),dt=e=>qe(_t,{...e,children:[qe("path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"}),qe("circle",{cx:"12",cy:"7",r:"4"})]}),ut=e=>qe(_t,{...e,children:[qe("path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"}),qe("rect",{x:"2",y:"4",width:"20",height:"16",rx:"2"})]}),pt=e=>qe(_t,{...e,children:qe("path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"})}),mt=e=>qe(_t,{...e,children:[qe("path",{d:"M13 2a9 9 0 0 1 9 9"}),qe("path",{d:"M13 6a5 5 0 0 1 5 5"}),qe("path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"})]}),vt=e=>qe(_t,{...e,children:[qe("path",{d:"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"}),qe("path",{d:"M22 10v6"}),qe("path",{d:"M6 12.5V16a6 3 0 0 0 12 0v-3.5"})]}),ht=e=>qe(_t,{...e,children:[qe("path",{d:"M12 5v16"}),qe("path",{d:"M20.001 19A2 2 0 0 0 22 17V5a2 2 0 0 0-1.999-2L16 3.002A5 5 0 0 0 12 5a5 5 0 0 0-4-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 1.999 2H8a5 5 0 0 1 4 2 5 5 0 0 1 4-2z"})]}),ft=e=>qe(_t,{...e,children:[qe("path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"}),qe("circle",{cx:"12",cy:"10",r:"3"})]}),gt=e=>qe(_t,{...e,children:[qe("path",{d:"M10 12h4"}),qe("path",{d:"M10 8h4"}),qe("path",{d:"M14 21v-3a2 2 0 0 0-4 0v3"}),qe("path",{d:"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"}),qe("path",{d:"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"})]}),bt=e=>qe(_t,{...e,children:[qe("path",{d:"M5 12h14"}),qe("path",{d:"m12 5 7 7-7 7"})]}),yt=e=>qe(_t,{...e,children:[qe("path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"}),qe("path",{d:"m9 12 2 2 4-4"})]}),xt=e=>qe(_t,{...e,children:[qe("path",{d:"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"}),qe("path",{d:"M21 16v2a4 4 0 0 1-4 4h-5"})]}),wt=e=>qe(_t,{...e,children:[qe("circle",{cx:"12",cy:"12",r:"10"}),qe("path",{d:"M12 6v6l4 2"})]}),kt=e=>qe(_t,{...e,children:qe("path",{d:"M20 6 9 17l-5-5"})}),Pt={name:"",email:"",dial_code:"+91",mobile:"",class_id:"",course_id:"",state_id:"",city_id:""},Nt={defaultSource:"vmc-online-lead-form",coursesCategory:"CommonOnline"},Ct={defaultSource:"vmc-online-lead-form-neet",coursesCategory:"NEET"},St={defaultSource:"vmc-online-lead-form-common",coursesCategory:"Common"},Et=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,Mt=e=>{if(!e)return{};try{const t=JSON.parse(e);return t&&"object"==typeof t?t:{}}catch{return{}}},Tt=({props:e,ctx:t,variant:n=Nt})=>{const r=e.apiBase||Qe,i=_e(()=>(e=>({classesPath:e.classesPath||Xe.classesPath,coursesPath:e.coursesPath||Xe.coursesPath,statesPath:e.statesPath||Xe.statesPath,citiesPath:e.citiesPath||Xe.citiesPath,otpSendPath:e.otpSendPath||Xe.otpSendPath,otpVerifyPath:e.otpVerifyPath||Xe.otpVerifyPath,submitPath:e.submitPath||Xe.submitPath}))(e),[JSON.stringify(e)]),a=_e(()=>{return e=r,{get:(t,n)=>Ge(0,Ze(e,t,n),{method:"GET",headers:{Accept:"application/json"}}),post:(t,n,r)=>Ge(0,Ze(e,t),{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json",...r},body:JSON.stringify(null!=n?n:{})})};var e},[r]),[o,l]=le({...Pt,dial_code:e.dialCode||Pt.dial_code}),[c,s]=le(!1),[_,d]=le(!1),[u,p]=le(!1),[m,v]=le(null),[h,f]=le(!1),g=n.coursesCategory?{courses:{some:{category:n.coursesCategory}}}:void 0,b=n.coursesCategory?{courses:{where:{category:n.coursesCategory}}}:void 0,y=nt(a,i.classesPath,{filter:g,include:b,enabled:Boolean(r),sort:!0}),x=nt(a,i.coursesPath,{filter:o.class_id?{form_class_id:Number(o.class_id),...n.coursesCategory?{category:n.coursesCategory}:{}}:void 0,enabled:Boolean(r)&&Boolean(o.class_id),sort:!0}),w=nt(a,i.statesPath,{enabled:Boolean(r)}),k=nt(a,i.citiesPath,{filter:o.state_id?{state_id:Number(o.state_id)}:void 0,enabled:Boolean(r)&&Boolean(o.state_id)}),P=(({api:e,sendPath:t,verifyPath:n,dialCode:r,mobile:i,resendSeconds:a=30})=>{const[o,l]=le("idle"),[c,s]=le(""),[_,d]=le(""),[u,p]=le(null),[m,v]=le(0),[h,f]=le(null),g=se(null),b=rt(r,i);ce(()=>{"idle"!==o&&g.current!==b&&(l("idle"),s(""),d(""),p(null),v(0),f(null))},[b]),ce(()=>{if(m<=0)return;const e=setTimeout(()=>v(e=>e-1),1e3);return()=>clearTimeout(e)},[m]);const y=de(async()=>{var n;p(null),l("sending");try{const o=await e.post(t,{mobile_number:i,dial_code:r},it);return g.current=rt(r,i),s(null!=(n=null==o?void 0:o.otp_id)?n:""),d(""),l("sent"),v(a),!0}catch(o){return l("idle"),p(Ke(o)),!1}},[e,t,i,r,a]),x=de(async()=>{if(_.length<6)return p("Please enter the 6-digit OTP."),!1;p(null),l("verifying");try{return await e.post(n,{mobile_number:i,dial_code:r,otp_id:c,otp:_},it),g.current=rt(r,i),f({dialCode:r,mobile:i}),l("verified"),!0}catch(t){return l("sent"),p(Ke(t)),!1}},[e,n,i,r,c,_]);return{status:o,verified:h,otp:_,setOtp:d,otpId:c,error:u,resendIn:m,sendOtp:y,verifyOtp:x,isVerified:"verified"===o,isPending:"sending"===o||"verifying"===o}})({api:a,sendPath:i.otpSendPath,verifyPath:i.otpVerifyPath,dialCode:o.dial_code,mobile:o.mobile}),C=(e,t)=>l(n=>{const r={...n,[e]:t};return"class_id"===e&&(r.course_id=""),"state_id"===e&&(r.city_id=""),r}),S=(E=o.dial_code,M=o.mobile,"+91"===E?/^[6-9]\d{9}$/.test(M):/^\d{6,15}$/.test(M));var E,M;const T={name:_&&o.name.trim().length<2,email:_&&!Et.test(o.email.trim()),mobile:_&&!S,class_id:_&&!o.class_id,course_id:_&&!o.course_id,state_id:_&&!o.state_id,city_id:_&&!o.city_id},z=o.name.trim().length<2||!Et.test(o.email.trim())||!S||!o.class_id||!o.course_id||!o.state_id||!o.city_id;if(h)return qe("div",{className:"vmc-card",children:qe("div",{className:"vmc-success",children:[qe("div",{className:"vmc-badge",children:qe(kt,{size:30})}),qe("h3",{children:e.successTitle||"Thank you!"}),qe("p",{children:e.successMessage||"Your request has been received. Our counsellor will call you back shortly."})]})});const A=!P.isVerified,O="sent"===P.status||"verifying"===P.status;return qe("div",{className:"vmc-card",children:[qe("div",{className:"vmc-header",children:[qe("div",{className:"vmc-badge",children:qe(mt,{size:30})}),qe("h2",{className:"vmc-title",children:e.heading?e.heading:qe(N,{children:["Want a ",qe("span",{children:"call back?"})]})})]}),qe("p",{className:"vmc-subtitle",children:e.subheading||"Fill in your details and our expert will connect with you shortly."}),qe("div",{className:"vmc-rule","aria-hidden":"true",children:[qe("i",{}),qe("i",{})]}),qe("form",{className:"vmc-form",onSubmit:async r=>{if(r.preventDefault(),d(!0),v(null),z)return void v("Please fill all the required fields.");const l=P.verified;if(!P.isVerified||!l)return void v("Please verify your mobile number to continue.");if(!c)return void v("Please accept the consent to continue.");const s={name:o.name.trim(),email:o.email.trim(),dial_code:l.dialCode,mobile:l.mobile,form_class_id:Number(o.class_id),form_course_id:Number(o.course_id),state_id:Number(o.state_id),city_id:Number(o.city_id),admission_test_id:2147483647,otp_id:P.otpId,mobile_verified:!0,consent:!0,source:e.dataSource||n.defaultSource,page_url:"undefined"!=typeof window?window.location.href:void 0,...Mt(e.extraPayload)};p(!0);try{const e=await a.post(i.submitPath,s);f(!0),t.emit("vmc-lead-success",{payload:s,response:e})}catch(_){const e=Ke(_);v(e),t.emit("vmc-lead-error",{payload:s,error:e})}finally{p(!1)}},noValidate:!0,children:[qe(ot,{name:"name",placeholder:"Enter Name *",icon:qe(dt,{}),autoComplete:"name",value:o.name,onChange:e=>C("name",e),required:!0,invalid:T.name,error:"Please enter your name."}),qe(ot,{name:"email",type:"email",inputMode:"email",placeholder:"Enter Email Address *",icon:qe(ut,{}),autoComplete:"email",value:o.email,onChange:e=>C("email",e),required:!0,invalid:T.email,error:"Please enter a valid email address."}),qe("div",{className:"vmc-row-mobile",children:[qe(ct,{value:o.dial_code,options:Ye,disabled:P.isVerified,onChange:e=>C("dial_code",e)}),qe(ot,{name:"mobile",type:"tel",inputMode:"numeric",placeholder:"Enter Mobile Number *",icon:qe(pt,{}),autoComplete:"tel",maxLength:"+91"===o.dial_code?10:15,value:o.mobile,onChange:e=>C("mobile",e.replace(/\D/g,"")),disabled:P.isVerified,required:!0,invalid:T.mobile,error:"+91"===o.dial_code?"Please enter a valid 10-digit mobile number.":"Please enter a valid mobile number."}),A?qe("button",{type:"button",className:"vmc-verify-btn",disabled:!S||P.isPending||O,onClick:()=>{P.sendOtp()},children:"sending"===P.status?"Sending…":O?"OTP Sent":"Verify"}):qe("span",{className:"vmc-verified",children:[qe(kt,{size:16})," Verified"]})]}),O&&qe("div",{className:"vmc-otp-panel",children:[qe("p",{className:"vmc-otp-label",children:["OTP sent to"," ",qe("b",{children:[o.dial_code," ",o.mobile]}),". Enter it below to verify."]}),qe(st,{length:6,value:P.otp,onChange:P.setOtp,disabled:"verifying"===P.status}),qe("div",{className:"vmc-otp-actions",children:[qe("button",{type:"button",className:"vmc-verify-btn",disabled:P.otp.length<6||P.isPending,onClick:()=>{P.verifyOtp()},children:"verifying"===P.status?"Verifying…":"Verify OTP"}),qe("button",{type:"button",className:"vmc-link-btn",disabled:P.resendIn>0||P.isPending,onClick:()=>{P.sendOtp()},children:P.resendIn>0?`Resend OTP in ${P.resendIn}s`:"Resend OTP"})]}),P.error&&qe("p",{className:"vmc-error",children:P.error})]}),!O&&P.error&&qe("p",{className:"vmc-error",children:P.error}),qe("div",{className:"vmc-row-2",children:[qe(lt,{name:"class_id",placeholder:"Select Class *",value:o.class_id,onChange:e=>C("class_id",e),icon:qe(vt,{}),options:y.items,required:!0,invalid:T.class_id,error:"Please select a class."}),qe(lt,{name:"course_id",placeholder:"Select Course *",value:o.course_id,onChange:e=>C("course_id",e),icon:qe(ht,{}),options:x.items,disabled:!o.class_id,required:!0,invalid:T.course_id,error:"Please select a course."})]}),qe("div",{className:"vmc-row-2",children:[qe(lt,{name:"state_id",placeholder:"Select Student State *",value:o.state_id,onChange:e=>C("state_id",e),icon:qe(ft,{}),options:w.items,required:!0,invalid:T.state_id,error:"Please select a state."}),qe(lt,{name:"city_id",placeholder:"Select Student City *",value:o.city_id,onChange:e=>C("city_id",e),icon:qe(gt,{}),options:k.items,disabled:!o.state_id,required:!0,invalid:T.city_id,error:"Please select a city."})]}),qe("label",{className:"vmc-consent",children:[qe("input",{className:"vmc-checkbox",type:"checkbox",name:"consent",checked:c,onChange:e=>s(e.target.checked)}),e.consentText?qe("span",{children:e.consentText}):qe("span",{children:['I authorise "',qe("b",{children:"Vidyamandir Classes"}),"\" & its representatives to contact me with updates and notifications via Email/SMS/What'sApp/Call. This will override on DND/NDNC."]})]}),qe("button",{type:"submit",className:"vmc-submit",disabled:u||!P.isVerified||!c,children:[u?"Submitting…":e.submitLabel||"Submit",!u&&qe(bt,{size:20})]}),m&&qe("p",{className:"vmc-form-error",children:m})]}),qe("div",{className:"vmc-trust",children:[qe("div",{className:"vmc-trust-item",children:[qe(yt,{size:22}),qe("span",{children:["100% Privacy",qe("br",{}),"Guaranteed"]})]}),qe("div",{className:"vmc-trust-item",children:[qe(xt,{size:22}),qe("span",{children:["Expert Counsellor",qe("br",{}),"Connect"]})]}),qe("div",{className:"vmc-trust-item",children:[qe(wt,{size:22}),qe("span",{children:["Quick",qe("br",{}),"Response"]})]})]})]})},zt=["api-base","data-source","extra-payload","classes-path","courses-path","states-path","cities-path","otp-send-path","otp-verify-path","submit-path","heading","subheading","dial-code","consent-text","submit-label","success-title","success-message"];return Be("vmc-online-lead",Tt,zt),Be("vmc-online-lead-neet",e=>qe(Tt,{...e,variant:Ct}),zt),Be("vmc-online-lead-common",e=>qe(Tt,{...e,variant:St}),zt),e.API_BASE=Qe,e.DEFAULT_ENDPOINTS=Xe,e.defineElement=Be,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),e}({});
|