@mylikita/booking-widget 0.1.0 → 0.1.2

package/README.md

@@ -1,5 +1,9 @@
 # @mylikita/booking-widget
 
+**Live on npm:** [`@mylikita/booking-widget`](https://www.npmjs.com/package/@mylikita/booking-widget) ·
+[unpkg CDN](https://unpkg.com/@mylikita/booking-widget) ·
+[React wrapper `@mylikita/booking-widget-react`](https://www.npmjs.com/package/@mylikita/booking-widget-react)
+
 Drop-in appointment booking for hospital websites built on MyLikita. A
 zero-dependency vanilla-JS widget (no framework required) that:
 
@@ -8,8 +12,9 @@ zero-dependency vanilla-JS widget (no framework required) that:
 3. polls the booking (`GET /v1/bookings/:ref`) until the hospital confirms,
    cancels, reschedules, marks no-show, or the request expires.
 
-It implements the [MyLikita Website Booking API (v1)](/backend/WEBSITE_BOOKING_API.md)
-exactly — same auth, same fields, same idempotency rules, same statuses.
+It implements the **MyLikita Website Booking API (v1)** exactly — same auth,
+same fields, same idempotency rules, same statuses — so the hospital side
+needs no custom integration work.
 
 ---
 
@@ -22,7 +27,7 @@ exactly — same auth, same fields, same idempotency rules, same statuses.
 <div id="booking"></div>
 <script>
   MyLikitaBookingWidget.createBookingWidget(document.getElementById('booking'), {
-    relayUrl: 'https://api.mylikita.clinic',
+    relayUrl: 'https://api.mylikita.com',
     websiteKey: 'wk_9f2k…',        // public client id — not a secret
     facilityId: 'F1',
   });
@@ -40,7 +45,7 @@ import { createBookingWidget } from '@mylikita/booking-widget';
 createBookingWidget(document.getElementById('booking'), { relayUrl, websiteKey, facilityId });
 ```
 
-**React sites:** use [`@mylikita/booking-widget-react`](/packages/booking-widget-react) — the
+**React sites:** use [`@mylikita/booking-widget-react`](https://www.npmjs.com/package/@mylikita/booking-widget-react) — the
 same widget as a `<BookingWidget relayUrl=… websiteKey=… facilityId=… />`
 component (all options are props, SSR-safe, imperative ref).
 
@@ -48,15 +53,16 @@ component (all options are props, SSR-safe, imperative ref).
 
 | Option | Type | Default | Description |
 |---|---|---|---|
-| `relayUrl` | string | — | **required** — relay base URL, e.g. `https://api.mylikita.clinic` |
+| `relayUrl` | string | — | **required** — relay base URL, e.g. `https://api.mylikita.com` |
 | `websiteKey` | string | — | **required** — your public client id (Bearer on every request) |
 | `facilityId` | string | — | **required** — the hospital's public facility id |
 | `providers` | array | `[]` | `[{ external_id, label }]` — shown as a "Preferred doctor" select; unmapped slugs simply arrive unassigned (never block on them). When provided, it wins and no fetch happens |
-| `loadProviders` | bool | `false` | **Phase C2/C3** — fetch the facility's mapped providers from the relay (`GET /v1/providers`) on mount and populate the doctor dropdown automatically. Ignored when `providers` is non-empty. A fetch failure is non-fatal: the widget keeps "No preference" and still works |
+| `loadProviders` | bool | `false` | fetch the facility's mapped providers from the relay (`GET /v1/providers`) on mount and populate the doctor dropdown automatically. Ignored when `providers` is non-empty. A fetch failure is non-fatal: the widget keeps "No preference" and still works |
 | `services` | array | `[]` | `['General consultation', …]` — shown as a service select (free-text input otherwise) |
 | `durationMins` | number | `30` | sent with the booking |
 | `pollIntervalMs` | number | `5000` | how often to poll the booking status |
 | `maxTries` | number | `12` | poll budget (~1 min at the default); the widget then shows "request received" |
+| `showBrand` | bool | `true` | set `false` to white-label the widget — hides the MyLikita mark + wordmark header (for premium-tier hosts). Everything else (title, form, status view) is untouched |
 | `theme` | object | defaults | see [Theming](#theming) |
 | `text` | object | defaults | i18n overrides for every label/message (see `src/widget.js` `DEFAULT_TEXT`) |
 | `externalRef` | fn | auto | override the idempotency-key generator |
@@ -140,25 +146,11 @@ createBookingWidget(el, {
 });
 ```
 
-## Demo
-
-`demo/demo.html` runs the widget **fully offline** against an in-page mock of
-the relay — submit a booking and watch it flip to *confirmed* after two polls.
-Open it in a browser directly:
-
-```bash
-open packages/booking-widget/demo/demo.html
-```
-
-## Development
-
-```bash
-npm run build   # esbuild → dist/ (iife, iife.min, esm, cjs)
-npm test        # mocked-fetch suite for the core logic
-```
+## Support
 
-`dist/` is committed so the package works before any install; rebuild after
-touching `src/`.
+- **Issues:** report through your MyLikita account manager or the MyLikita
+  support channel you were onboarded with.
+- **The React wrapper:** [`@mylikita/booking-widget-react`](https://www.npmjs.com/package/@mylikita/booking-widget-react).
 
 ## Security notes
 

package/dist/demo.html

@@ -69,8 +69,8 @@
   </div>
 
   <script>
-/*! @mylikita/booking-widget v0.1.0 | MIT */
-var MyLikitaBookingWidget=(()=>{var Y=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var fe=Object.getOwnPropertyNames;var ge=Object.prototype.hasOwnProperty;var we=(i,e)=>{for(var t in e)Y(i,t,{get:e[t],enumerable:!0})},ye=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of fe(e))!ge.call(i,a)&&a!==t&&Y(i,a,{get:()=>e[a],enumerable:!(r=pe(e,a))||r.enumerable});return i};var _e=i=>ye(Y({},"__esModule",{value:!0}),i);var Ee={};we(Ee,{DEFAULT_THEME:()=>W,STATUS_COPY:()=>C,TERMINAL_STATUSES:()=>ie,createBooking:()=>S,createBookingWidget:()=>oe,fetchProviders:()=>E,fetchStatus:()=>T,newExternalRef:()=>P,pollStatus:()=>N,resolveTheme:()=>$,statusCopy:()=>A});async function S({relayUrl:i,websiteKey:e,payload:t,signal:r}){let a=await fetch(`${H(i)}/v1/bookings`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(t),signal:r}),o=await F(a);if(a.status===409)return{ok:!0,duplicate:!0,booking_ref:o?.booking_ref,error:o?.message};if(!a.ok)throw O(a.status,o,"create");return{ok:!0,duplicate:!1,booking_ref:o?.booking_ref,status:o?.status||"pending_confirmation"}}async function E({relayUrl:i,websiteKey:e,signal:t}){let r=await fetch(`${H(i)}/v1/providers`,{headers:{Authorization:`Bearer ${e}`},signal:t}),a=await F(r);if(!r.ok)throw O(r.status,a,"providers");return(Array.isArray(a?.providers)?a.providers:[]).map(d=>({external_id:d.external_id,name:d.name||d.external_id,specialty:d.specialty||null,module:d.module||"general"}))}async function T({relayUrl:i,websiteKey:e,bookingRef:t,signal:r}){let a=await fetch(`${H(i)}/v1/bookings/${encodeURIComponent(t)}`,{headers:{Authorization:`Bearer ${e}`},signal:r}),o=await F(a);if(!a.ok)throw O(a.status,o,"status");return{booking_ref:o?.booking_ref,status:o?.status||"pending_confirmation",appt_ref:o?.appt_ref||null}}async function N(i,{intervalMs:e=5e3,maxTries:t=12,signal:r}={}){for(let a=0;a<t;a++){if(r?.aborted)return{status:"aborted",resolved:!1,data:null};let o=await i();if(o.status!=="pending_confirmation")return{status:o.status,resolved:!0,data:o};a<t-1&&await be(e,r)}return{status:"pending_confirmation",resolved:!1,data:null}}function P(){return`BK-${Date.now()}-${Math.random().toString(36).slice(2,6)}`}function H(i){return String(i||"").replace(/\/+$/,"")}function O(i,e,t){let r=new Error(e?.message||e?.error||`Relay ${t} failed (HTTP ${i})`);return r.code=e?.error||"http_error",r.status=i,r}async function F(i){try{return await i.json()}catch{return null}}function be(i,e){return new Promise(t=>{if(e?.aborted)return t();let r=()=>{clearTimeout(a),t()},a=setTimeout(()=>{e?.removeEventListener("abort",r),t()},i);e?.addEventListener("abort",r,{once:!0})})}var C={pending_confirmation:{title:"Request received",message:"We've received your booking request \u2014 we'll confirm shortly.",kind:"info"},confirmed:{title:"Appointment confirmed",message:"Your appointment is confirmed. See you at the clinic!",kind:"success"},cancelled:{title:"Appointment cancelled",message:"This appointment was cancelled. Please contact the clinic if this was unexpected.",kind:"danger"},rescheduled:{title:"Appointment rescheduled",message:"This appointment was moved \u2014 the new time was sent to you.",kind:"info"},no_show:{title:"Missed appointment",message:"This appointment was marked as missed.",kind:"danger"},expired:{title:"Request expired",message:"This booking request expired \u2014 please call the clinic to book.",kind:"danger"},poll_error:{title:"Something went wrong",message:"We could not check your booking right now. Please try again shortly.",kind:"danger"}};function A(i){return C[i]||C.pending_confirmation}var ie=["confirmed","cancelled","rescheduled","no_show","expired"];var W={primary:"#0d6efd",primaryDark:"#0b5ed7",primaryText:"#ffffff",bg:"#ffffff",text:"#1e293b",muted:"#64748b",border:"#e2e8f0",danger:"#dc3545",success:"#15803d",radius:10,font:"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif"};function $(i={}){let e={...W,...i||{}};return{"--mlw-primary":e.primary,"--mlw-primary-dark":e.primaryDark,"--mlw-primary-text":e.primaryText,"--mlw-bg":e.bg,"--mlw-text":e.text,"--mlw-muted":e.muted,"--mlw-border":e.border,"--mlw-danger":e.danger,"--mlw-success":e.success,"--mlw-radius":`${e.radius}px`,"--mlw-font":e.font}}var re=`
+/*! @mylikita/booking-widget v0.1.1 | MIT */
+var MyLikitaBookingWidget=(()=>{var Y=Object.defineProperty;var we=Object.getOwnPropertyDescriptor;var ye=Object.getOwnPropertyNames;var xe=Object.prototype.hasOwnProperty;var be=(i,e)=>{for(var t in e)Y(i,t,{get:e[t],enumerable:!0})},_e=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of ye(e))!xe.call(i,a)&&a!==t&&Y(i,a,{get:()=>e[a],enumerable:!(r=we(e,a))||r.enumerable});return i};var ve=i=>_e(Y({},"__esModule",{value:!0}),i);var Ae={};be(Ae,{DEFAULT_THEME:()=>O,MYLIKITA_MARK_DATA_URI:()=>G,STATUS_COPY:()=>N,TERMINAL_STATUSES:()=>ae,createBooking:()=>I,createBookingWidget:()=>le,createBrandHeader:()=>M,fetchProviders:()=>S,fetchStatus:()=>E,newExternalRef:()=>A,pollStatus:()=>T,resolveTheme:()=>P,statusCopy:()=>C});async function I({relayUrl:i,websiteKey:e,payload:t,signal:r}){let a=await fetch(`${q(i)}/v1/bookings`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(t),signal:r}),o=await Z(a);if(a.status===409)return{ok:!0,duplicate:!0,booking_ref:o?.booking_ref,error:o?.message};if(!a.ok)throw K(a.status,o,"create");return{ok:!0,duplicate:!1,booking_ref:o?.booking_ref,status:o?.status||"pending_confirmation"}}async function S({relayUrl:i,websiteKey:e,signal:t}){let r=await fetch(`${q(i)}/v1/providers`,{headers:{Authorization:`Bearer ${e}`},signal:t}),a=await Z(r);if(!r.ok)throw K(r.status,a,"providers");return(Array.isArray(a?.providers)?a.providers:[]).map(d=>({external_id:d.external_id,name:d.name||d.external_id,specialty:d.specialty||null,module:d.module||"general"}))}async function E({relayUrl:i,websiteKey:e,bookingRef:t,signal:r}){let a=await fetch(`${q(i)}/v1/bookings/${encodeURIComponent(t)}`,{headers:{Authorization:`Bearer ${e}`},signal:r}),o=await Z(a);if(!a.ok)throw K(a.status,o,"status");return{booking_ref:o?.booking_ref,status:o?.status||"pending_confirmation",appt_ref:o?.appt_ref||null}}async function T(i,{intervalMs:e=5e3,maxTries:t=12,signal:r}={}){for(let a=0;a<t;a++){if(r?.aborted)return{status:"aborted",resolved:!1,data:null};let o=await i();if(o.status!=="pending_confirmation")return{status:o.status,resolved:!0,data:o};a<t-1&&await he(e,r)}return{status:"pending_confirmation",resolved:!1,data:null}}function A(){return`BK-${Date.now()}-${Math.random().toString(36).slice(2,6)}`}function q(i){return String(i||"").replace(/\/+$/,"")}function K(i,e,t){let r=new Error(e?.message||e?.error||`Relay ${t} failed (HTTP ${i})`);return r.code=e?.error||"http_error",r.status=i,r}async function Z(i){try{return await i.json()}catch{return null}}function he(i,e){return new Promise(t=>{if(e?.aborted)return t();let r=()=>{clearTimeout(a),t()},a=setTimeout(()=>{e?.removeEventListener("abort",r),t()},i);e?.addEventListener("abort",r,{once:!0})})}var N={pending_confirmation:{title:"Request received",message:"We've received your booking request \u2014 we'll confirm shortly.",kind:"info"},confirmed:{title:"Appointment confirmed",message:"Your appointment is confirmed. See you at the clinic!",kind:"success"},cancelled:{title:"Appointment cancelled",message:"This appointment was cancelled. Please contact the clinic if this was unexpected.",kind:"danger"},rescheduled:{title:"Appointment rescheduled",message:"This appointment was moved \u2014 the new time was sent to you.",kind:"info"},no_show:{title:"Missed appointment",message:"This appointment was marked as missed.",kind:"danger"},expired:{title:"Request expired",message:"This booking request expired \u2014 please call the clinic to book.",kind:"danger"},poll_error:{title:"Something went wrong",message:"We could not check your booking right now. Please try again shortly.",kind:"danger"}};function C(i){return N[i]||N.pending_confirmation}var ae=["confirmed","cancelled","rescheduled","no_show","expired"];var O={primary:"#0d6efd",primaryDark:"#0b5ed7",primaryText:"#ffffff",bg:"#ffffff",text:"#1e293b",muted:"#64748b",border:"#e2e8f0",danger:"#dc3545",success:"#15803d",radius:10,font:"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif"};function P(i={}){let e={...O,...i||{}};return{"--mlw-primary":e.primary,"--mlw-primary-dark":e.primaryDark,"--mlw-primary-text":e.primaryText,"--mlw-bg":e.bg,"--mlw-text":e.text,"--mlw-muted":e.muted,"--mlw-border":e.border,"--mlw-danger":e.danger,"--mlw-success":e.success,"--mlw-radius":`${e.radius}px`,"--mlw-font":e.font}}var ne=`
 .mylikita-widget {
   --mlw-primary: #0d6efd;
   --mlw-primary-dark: #0b5ed7;
@@ -97,6 +97,27 @@ var MyLikitaBookingWidget=(()=>{var Y=Object.defineProperty;var pe=Object.getOwn
 .mylikita-widget *::before,
 .mylikita-widget *::after { box-sizing: border-box; }
 
+.mylikita-widget__brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 14px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--mlw-border);
+}
+.mylikita-widget__brand-mark {
+  display: block;
+  flex: 0 0 auto;
+  border-radius: 5px;
+  box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
+}
+.mylikita-widget__brand-word {
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: .3px;
+  color: var(--mlw-muted);
+}
+
 .mylikita-widget__title {
   font-size: 18px;
   font-weight: 700;
@@ -210,7 +231,7 @@ var MyLikitaBookingWidget=(()=>{var Y=Object.defineProperty;var pe=Object.getOwn
   cursor: pointer;
 }
 .mylikita-widget__link-btn:hover { border-color: var(--mlw-primary); color: var(--mlw-primary); }
-`;var xe={title:"Book an appointment",subtitle:"Request a slot and we will confirm shortly.",name:"Full name",phone:"Phone number",email:"Email address",provider:"Preferred doctor (optional)",noPreference:"No preference",service:"Service (optional)",datetime:"Preferred date & time",visitType:"Appointment type",visitPhysical:"In person",visitTelemedicine:"Video call",visitHome:"Home visit",notes:"Notes (optional)",submit:"Request appointment",submitting:"Submitting\u2026",bookAnother:"Book another appointment",requiredPhoneOrEmail:"Please provide a phone number or an email address.",requiredName:"Please enter your name.",requiredDatetime:"Please choose a date and time.",networkError:"Could not reach the booking service. Please try again.",rateLimited:"Too many requests \u2014 please wait a moment and try again."},ae="mylikita-widget-styles";function oe(i,e={}){if(!i)throw new Error("createBookingWidget: a container element is required");let t={relayUrl:e.relayUrl,websiteKey:e.websiteKey,facilityId:e.facilityId,providers:e.providers||[],services:e.services||[],loadProviders:e.loadProviders===!0&&!(e.providers&&e.providers.length),pollIntervalMs:e.pollIntervalMs??5e3,maxTries:e.maxTries??12,text:{...xe,...e.text||{}},theme:e.theme||{},onStatus:typeof e.onStatus=="function"?e.onStatus:null,onError:typeof e.onError=="function"?e.onError:null,onBooking:typeof e.onBooking=="function"?e.onBooking:null,externalRef:typeof e.externalRef=="function"?e.externalRef:P};if(!t.relayUrl||!t.websiteKey||!t.facilityId)throw new Error("createBookingWidget: relayUrl, websiteKey and facilityId are required");ke();let r=t.text,a=i;a.classList.add("mylikita-widget"),Se(a,t.theme);let o=!0,d=!1,u=null,f=Math.random().toString(36).slice(2,8),I=`mylikita_ref_${t.facilityId}_${f}`,y=l("form",{className:"mylikita-widget__form"}),B=l("h3",{className:"mylikita-widget__title",text:r.title}),U=l("p",{className:"mylikita-widget__subtitle",text:r.subtitle}),L=l("div",{className:"mylikita-widget__error",attrs:{role:"alert"}}),q=_("name",r.name,{required:!0}),V=l("div",{className:"mylikita-widget__row"}),z=_("phone",r.phone,{type:"tel",inputmode:"tel"}),R=_("email",r.email,{type:"email"});V.append(z.wrap,R.wrap);let g=j("provider",r.provider,[{value:"",label:r.noPreference},...t.providers.map(n=>({value:n.external_id,label:n.label||n.name||n.external_id}))]);function se(n){let s=g.input.value;g.input.replaceChildren();let c=document.createElement("option");c.value="",c.textContent=r.noPreference,g.input.append(c);for(let m of n||[]){let p=document.createElement("option");p.value=m.external_id,p.textContent=m.label||m.name||m.external_id,g.input.append(p)}s&&(g.input.value=s)}let J=t.services.length?j("service",r.service,[{value:"",label:"\u2014"},...t.services.map(n=>({value:n,label:n}))]):_("service",r.service),v=_("datetime",r.datetime,{type:"datetime-local",required:!0});v.input.min=ne(new Date);let G=j("visitType",r.visitType,[{value:"physical",label:r.visitPhysical},{value:"telemedicine",label:r.visitTelemedicine},{value:"home_visit",label:r.visitHome}]),X=_("notes",r.notes,{type:"textarea",maxlength:500}),w=l("button",{className:"mylikita-widget__submit",type:"submit",text:r.submit}),Q=l("div");Q.append(w);let M=l("p",{className:"mylikita-widget__hint"});y.append(L,q.wrap,V,g.wrap,J.wrap,v.wrap,G.wrap,X.wrap,Q,M);let b=l("div",{className:"mylikita-widget__status",attrs:{"aria-live":"polite"},hidden:!0});y.addEventListener("submit",n=>{n.preventDefault(),!d&&le()});async function le(){d=!0,D(null),w.disabled=!0,w.textContent=r.submitting;let n={facility_id:t.facilityId,patient_name:q.input.value.trim(),patient_phone:z.input.value.trim(),patient_email:R.input.value.trim(),provider_external_id:g.input.value||void 0,service_name:J.input.value.trim()||void 0,appt_datetime:v.input.value,visit_type:G.input.value||"physical",duration_mins:t.durationMins||void 0,notes:X.input.value.trim()||void 0};if(!n.patient_name)return k(r.requiredName);if(!n.patient_phone&&!n.patient_email)return k(r.requiredPhoneOrEmail);if(!n.appt_datetime||Number.isNaN(Date.parse(n.appt_datetime)))return k(r.requiredDatetime);let s=he(I);if(!s){s=t.externalRef();try{sessionStorage.setItem(I,s)}catch{}}n.external_ref=s,u=new AbortController;let c=null;try{let m=await S({relayUrl:t.relayUrl,websiteKey:t.websiteKey,payload:n,signal:u.signal});c=m.booking_ref,m.duplicate?(M.textContent="",Z("pending_confirmation",c,"We found an existing booking request for this slot \u2014 checking it\u2026")):(t.onBooking&&x(t.onBooking,m,n),Z("pending_confirmation",c,null)),de(c)}catch(m){if(!o||m?.name==="AbortError")return;let p=m.status===429?r.rateLimited:m.message||r.networkError;t.onError&&x(t.onError,m),k(p)}}async function de(n){let s;try{s=await N(()=>T({relayUrl:t.relayUrl,websiteKey:t.websiteKey,bookingRef:n,signal:u.signal}),{intervalMs:t.pollIntervalMs,maxTries:t.maxTries,signal:u.signal})}catch(c){if(!o||c?.name==="AbortError")return;t.onError&&x(t.onError,c),h("poll_error",n,c.message||r.networkError),d=!1;return}if(!(!o||s.status==="aborted")){if(t.onStatus&&s.data&&x(t.onStatus,s.data),s.resolved){try{sessionStorage.removeItem(I)}catch{}h(s.status,n)}else h("pending_confirmation",n);d=!1}}function Z(n,s,c){y.hidden=!0,B.hidden=!0,U.hidden=!0,b.hidden=!1,h(n,s,c)}function h(n,s,c){let m=A(n),p=l("div",{className:`mylikita-widget__status-icon ${m.kind}`});p.textContent=ve(m.kind);let me=l("p",{className:"mylikita-widget__status-title",text:m.title}),ce=l("p",{className:"mylikita-widget__status-message",text:c||m.message}),ue=l("p",{className:"mylikita-widget__status-ref",text:s?`Booking ref: ${s}`:""}),te=l("button",{className:"mylikita-widget__link-btn",type:"button",text:r.bookAnother});te.addEventListener("click",()=>ee()),b.replaceChildren(p,me,ce,ue,te)}function k(n){d=!1,w.disabled=!1,w.textContent=r.submit,D(n)}function D(n){L.textContent=n||"",L.classList.toggle("visible",!!n)}function ee(){try{sessionStorage.removeItem(`mylikita_ref_${t.facilityId}`)}catch{}y.reset(),D(null),b.replaceChildren(),b.hidden=!0,y.hidden=!1,B.hidden=!1,U.hidden=!1,M.textContent="",d=!1,w.disabled=!1,w.textContent=r.submit,v.input.min=ne(new Date)}a.replaceChildren(B,U,y,b);let K=null;if(t.loadProviders){let n=new AbortController;(async()=>{try{let s=await E({relayUrl:t.relayUrl,websiteKey:t.websiteKey,signal:n.signal});o&&!n.signal.aborted&&se(s)}catch(s){if(!o||s?.name==="AbortError")return;t.onError&&x(t.onError,s)}})(),K=()=>n.abort()}return{destroy(){o=!1,u&&u.abort(),K&&K(),a.replaceChildren(),a.classList.remove("mylikita-widget")},reset:ee,getForm(){return{name:q.input.value,phone:z.input.value,email:R.input.value}}}}function _(i,e,{type:t="text",required:r=!1,maxlength:a,inputmode:o}={}){let d=l("div",{className:"mylikita-widget__field"}),u=l("label",{className:"mylikita-widget__label",attrs:{for:`mlw-${i}`}});u.append(document.createTextNode(e)),r&&u.append(l("span",{className:"req",text:" *"}));let f;return t==="textarea"?f=l("textarea",{className:"mylikita-widget__textarea",attrs:{id:`mlw-${i}`,rows:3,maxlength:a||""}}):f=l("input",{className:"mylikita-widget__input",attrs:{id:`mlw-${i}`,type:t,inputmode:o||""}}),r&&f.setAttribute("required",""),d.append(u,f),{wrap:d,input:f}}function j(i,e,t){let r=l("div",{className:"mylikita-widget__field"}),a=l("label",{className:"mylikita-widget__label",attrs:{for:`mlw-${i}`}});a.textContent=e;let o=l("select",{className:"mylikita-widget__select",attrs:{id:`mlw-${i}`}});for(let d of t){let u=l("option",{text:d.label});u.value=d.value,o.append(u)}return r.append(a,o),{wrap:r,input:o}}function l(i,{className:e,text:t,attrs:r={}}={}){let a=document.createElement(i);e&&(a.className=e),t!==void 0&&(a.textContent=t);for(let[o,d]of Object.entries(r))d===void 0||d===""||a.setAttribute(o,d);return a}function ve(i){return i==="success"?"\u2713":i==="danger"?"!":"\u2026"}function he(i){try{return sessionStorage.getItem(i)||null}catch{return null}}function x(i,...e){try{i(...e)}catch{}}function ne(i){let e=t=>String(t).padStart(2,"0");return`${i.getFullYear()}-${e(i.getMonth()+1)}-${e(i.getDate())}T${e(i.getHours())}:${e(i.getMinutes())}`}function ke(){if(document.getElementById(ae))return;let i=document.createElement("style");i.id=ae,i.textContent=re,document.head.appendChild(i)}function Se(i,e){for(let[t,r]of Object.entries($(e)))i.style.setProperty(t,r)}return _e(Ee);})();
+`;var G="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODMgODA0IiB3aWR0aD0iNDgzIiBoZWlnaHQ9IjgwNCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJNeUxpa2l0YSI+CiAgICA8cmVjdCB4PSIxNjEiIHk9IjAiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIwIiB5PSIxNjAiIHdpZHRoPSIxNjIiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIzMjEiIHk9IjE2MCIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjEiIGZpbGw9IiMwMTY5REEiLz4KICAgIDxyZWN0IHg9IjAiIHk9IjQ4MiIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjIiIGZpbGw9IiMwNDk4RkIiLz4KICAgIDxyZWN0IHg9IjMyMSIgeT0iNDgyIiB3aWR0aD0iMTYyIiBoZWlnaHQ9IjE2MiIgZmlsbD0iIzA0OThGQiIvPgogICAgPHJlY3QgeD0iMTYxIiB5PSI2NDMiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDQ5OEZCIi8+Cjwvc3ZnPg==";function M(){let i=document.createElement("div");i.className="mylikita-widget__brand";let e=document.createElement("img");e.className="mylikita-widget__brand-mark",e.src=G,e.alt="MyLikita",e.width=24,e.height=24;let t=document.createElement("span");return t.className="mylikita-widget__brand-word",t.textContent="MyLikita",i.append(e,t),i}var ke={title:"Book an appointment",subtitle:"Request a slot and we will confirm shortly.",name:"Full name",phone:"Phone number",email:"Email address",provider:"Preferred doctor (optional)",noPreference:"No preference",service:"Service (optional)",datetime:"Preferred date & time",visitType:"Appointment type",visitPhysical:"In person",visitTelemedicine:"Video call",visitHome:"Home visit",notes:"Notes (optional)",submit:"Request appointment",submitting:"Submitting\u2026",bookAnother:"Book another appointment",requiredPhoneOrEmail:"Please provide a phone number or an email address.",requiredName:"Please enter your name.",requiredDatetime:"Please choose a date and time.",networkError:"Could not reach the booking service. Please try again.",rateLimited:"Too many requests \u2014 please wait a moment and try again."},oe="mylikita-widget-styles";function le(i,e={}){if(!i)throw new Error("createBookingWidget: a container element is required");let t={relayUrl:e.relayUrl,websiteKey:e.websiteKey,facilityId:e.facilityId,providers:e.providers||[],services:e.services||[],loadProviders:e.loadProviders===!0&&!(e.providers&&e.providers.length),pollIntervalMs:e.pollIntervalMs??5e3,maxTries:e.maxTries??12,text:{...ke,...e.text||{}},theme:e.theme||{},onStatus:typeof e.onStatus=="function"?e.onStatus:null,onError:typeof e.onError=="function"?e.onError:null,onBooking:typeof e.onBooking=="function"?e.onBooking:null,externalRef:typeof e.externalRef=="function"?e.externalRef:A};if(!t.relayUrl||!t.websiteKey||!t.facilityId)throw new Error("createBookingWidget: relayUrl, websiteKey and facilityId are required");Ee();let r=t.text,a=i;a.classList.add("mylikita-widget"),Te(a,t.theme);let o=!0,d=!1,u=null,f=Math.random().toString(36).slice(2,8),B=`mylikita_ref_${t.facilityId}_${f}`,de=M(),y=l("form",{className:"mylikita-widget__form"}),D=l("h3",{className:"mylikita-widget__title",text:r.title}),j=l("p",{className:"mylikita-widget__subtitle",text:r.subtitle}),R=l("div",{className:"mylikita-widget__error",attrs:{role:"alert"}}),H=x("name",r.name,{required:!0}),F=l("div",{className:"mylikita-widget__row"}),L=x("phone",r.phone,{type:"tel",inputmode:"tel"}),$=x("email",r.email,{type:"email"});F.append(L.wrap,$.wrap);let g=V("provider",r.provider,[{value:"",label:r.noPreference},...t.providers.map(n=>({value:n.external_id,label:n.label||n.name||n.external_id}))]);function me(n){let s=g.input.value;g.input.replaceChildren();let c=document.createElement("option");c.value="",c.textContent=r.noPreference,g.input.append(c);for(let m of n||[]){let p=document.createElement("option");p.value=m.external_id,p.textContent=m.label||m.name||m.external_id,g.input.append(p)}s&&(g.input.value=s)}let Q=t.services.length?V("service",r.service,[{value:"",label:"\u2014"},...t.services.map(n=>({value:n,label:n}))]):x("service",r.service),v=x("datetime",r.datetime,{type:"datetime-local",required:!0});v.input.min=se(new Date);let J=V("visitType",r.visitType,[{value:"physical",label:r.visitPhysical},{value:"telemedicine",label:r.visitTelemedicine},{value:"home_visit",label:r.visitHome}]),X=x("notes",r.notes,{type:"textarea",maxlength:500}),w=l("button",{className:"mylikita-widget__submit",type:"submit",text:r.submit}),ee=l("div");ee.append(w);let U=l("p",{className:"mylikita-widget__hint"});y.append(R,H.wrap,F,g.wrap,Q.wrap,v.wrap,J.wrap,X.wrap,ee,U);let b=l("div",{className:"mylikita-widget__status",attrs:{"aria-live":"polite"},hidden:!0});y.addEventListener("submit",n=>{n.preventDefault(),!d&&ce()});async function ce(){d=!0,z(null),w.disabled=!0,w.textContent=r.submitting;let n={facility_id:t.facilityId,patient_name:H.input.value.trim(),patient_phone:L.input.value.trim(),patient_email:$.input.value.trim(),provider_external_id:g.input.value||void 0,service_name:Q.input.value.trim()||void 0,appt_datetime:v.input.value,visit_type:J.input.value||"physical",duration_mins:t.durationMins||void 0,notes:X.input.value.trim()||void 0};if(!n.patient_name)return k(r.requiredName);if(!n.patient_phone&&!n.patient_email)return k(r.requiredPhoneOrEmail);if(!n.appt_datetime||Number.isNaN(Date.parse(n.appt_datetime)))return k(r.requiredDatetime);let s=Se(B);if(!s){s=t.externalRef();try{sessionStorage.setItem(B,s)}catch{}}n.external_ref=s,u=new AbortController;let c=null;try{let m=await I({relayUrl:t.relayUrl,websiteKey:t.websiteKey,payload:n,signal:u.signal});c=m.booking_ref,m.duplicate?(U.textContent="",te("pending_confirmation",c,"We found an existing booking request for this slot \u2014 checking it\u2026")):(t.onBooking&&_(t.onBooking,m,n),te("pending_confirmation",c,null)),ue(c)}catch(m){if(!o||m?.name==="AbortError")return;let p=m.status===429?r.rateLimited:m.message||r.networkError;t.onError&&_(t.onError,m),k(p)}}async function ue(n){let s;try{s=await T(()=>E({relayUrl:t.relayUrl,websiteKey:t.websiteKey,bookingRef:n,signal:u.signal}),{intervalMs:t.pollIntervalMs,maxTries:t.maxTries,signal:u.signal})}catch(c){if(!o||c?.name==="AbortError")return;t.onError&&_(t.onError,c),h("poll_error",n,c.message||r.networkError),d=!1;return}if(!(!o||s.status==="aborted")){if(t.onStatus&&s.data&&_(t.onStatus,s.data),s.resolved){try{sessionStorage.removeItem(B)}catch{}h(s.status,n)}else h("pending_confirmation",n);d=!1}}function te(n,s,c){y.hidden=!0,D.hidden=!0,j.hidden=!0,b.hidden=!1,h(n,s,c)}function h(n,s,c){let m=C(n),p=l("div",{className:`mylikita-widget__status-icon ${m.kind}`});p.textContent=Ie(m.kind);let pe=l("p",{className:"mylikita-widget__status-title",text:m.title}),fe=l("p",{className:"mylikita-widget__status-message",text:c||m.message}),ge=l("p",{className:"mylikita-widget__status-ref",text:s?`Booking ref: ${s}`:""}),re=l("button",{className:"mylikita-widget__link-btn",type:"button",text:r.bookAnother});re.addEventListener("click",()=>ie()),b.replaceChildren(p,pe,fe,ge,re)}function k(n){d=!1,w.disabled=!1,w.textContent=r.submit,z(n)}function z(n){R.textContent=n||"",R.classList.toggle("visible",!!n)}function ie(){try{sessionStorage.removeItem(`mylikita_ref_${t.facilityId}`)}catch{}y.reset(),z(null),b.replaceChildren(),b.hidden=!0,y.hidden=!1,D.hidden=!1,j.hidden=!1,U.textContent="",d=!1,w.disabled=!1,w.textContent=r.submit,v.input.min=se(new Date)}a.replaceChildren(de,D,j,y,b);let W=null;if(t.loadProviders){let n=new AbortController;(async()=>{try{let s=await S({relayUrl:t.relayUrl,websiteKey:t.websiteKey,signal:n.signal});o&&!n.signal.aborted&&me(s)}catch(s){if(!o||s?.name==="AbortError")return;t.onError&&_(t.onError,s)}})(),W=()=>n.abort()}return{destroy(){o=!1,u&&u.abort(),W&&W(),a.replaceChildren(),a.classList.remove("mylikita-widget")},reset:ie,getForm(){return{name:H.input.value,phone:L.input.value,email:$.input.value}}}}function x(i,e,{type:t="text",required:r=!1,maxlength:a,inputmode:o}={}){let d=l("div",{className:"mylikita-widget__field"}),u=l("label",{className:"mylikita-widget__label",attrs:{for:`mlw-${i}`}});u.append(document.createTextNode(e)),r&&u.append(l("span",{className:"req",text:" *"}));let f;return t==="textarea"?f=l("textarea",{className:"mylikita-widget__textarea",attrs:{id:`mlw-${i}`,rows:3,maxlength:a||""}}):f=l("input",{className:"mylikita-widget__input",attrs:{id:`mlw-${i}`,type:t,inputmode:o||""}}),r&&f.setAttribute("required",""),d.append(u,f),{wrap:d,input:f}}function V(i,e,t){let r=l("div",{className:"mylikita-widget__field"}),a=l("label",{className:"mylikita-widget__label",attrs:{for:`mlw-${i}`}});a.textContent=e;let o=l("select",{className:"mylikita-widget__select",attrs:{id:`mlw-${i}`}});for(let d of t){let u=l("option",{text:d.label});u.value=d.value,o.append(u)}return r.append(a,o),{wrap:r,input:o}}function l(i,{className:e,text:t,attrs:r={}}={}){let a=document.createElement(i);e&&(a.className=e),t!==void 0&&(a.textContent=t);for(let[o,d]of Object.entries(r))d===void 0||d===""||a.setAttribute(o,d);return a}function Ie(i){return i==="success"?"\u2713":i==="danger"?"!":"\u2026"}function Se(i){try{return sessionStorage.getItem(i)||null}catch{return null}}function _(i,...e){try{i(...e)}catch{}}function se(i){let e=t=>String(t).padStart(2,"0");return`${i.getFullYear()}-${e(i.getMonth()+1)}-${e(i.getDate())}T${e(i.getHours())}:${e(i.getMinutes())}`}function Ee(){if(document.getElementById(oe))return;let i=document.createElement("style");i.id=oe,i.textContent=ne,document.head.appendChild(i)}function Te(i,e){for(let[t,r]of Object.entries(P(e)))i.style.setProperty(t,r)}return ve(Ae);})();
 
 </script>
   <script>
@@ -290,7 +311,7 @@ var MyLikitaBookingWidget=(()=>{var Y=Object.defineProperty;var pe=Object.getOwn
     MyLikitaBookingWidget.createBookingWidget(document.getElementById('booking'), {
       // The in-page mock relay overrides fetch, so this URL is never actually
       // contacted — the widget still requires a non-empty relay URL.
-      relayUrl: 'https://api.mylikita.clinic',
+      relayUrl: 'https://api.mylikita.com',
       websiteKey: KEY,
       facilityId: FACILITY,
       providers: [{ external_id: 'dr-khalil', label: 'Dr. Khalil' }, { external_id: 'dr-amina', label: 'Dr. Amina' }],
@@ -302,7 +323,7 @@ var MyLikitaBookingWidget=(()=>{var Y=Object.defineProperty;var pe=Object.getOwn
     });
 
     const w2 = MyLikitaBookingWidget.createBookingWidget(document.getElementById('booking2'), {
-      relayUrl: 'https://api.mylikita.clinic',
+      relayUrl: 'https://api.mylikita.com',
       websiteKey: KEY,
       facilityId: FACILITY,
       // Phase C2/C3: no static providers — load them from the relay's

package/dist/mylikita-booking-widget.cjs

@@ -1,4 +1,4 @@
-/*! @mylikita/booking-widget v0.1.0 | MIT */
+/*! @mylikita/booking-widget v0.1.2 | MIT */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -21,10 +21,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   DEFAULT_THEME: () => DEFAULT_THEME,
+  MYLIKITA_MARK_DATA_URI: () => MYLIKITA_MARK_DATA_URI,
   STATUS_COPY: () => STATUS_COPY,
   TERMINAL_STATUSES: () => TERMINAL_STATUSES,
   createBooking: () => createBooking,
   createBookingWidget: () => createBookingWidget,
+  createBrandHeader: () => createBrandHeader,
   fetchProviders: () => fetchProviders,
   fetchStatus: () => fetchStatus,
   newExternalRef: () => newExternalRef,
@@ -226,6 +228,27 @@ var STYLES = `
 .mylikita-widget *::before,
 .mylikita-widget *::after { box-sizing: border-box; }
 
+.mylikita-widget__brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 14px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--mlw-border);
+}
+.mylikita-widget__brand-mark {
+  display: block;
+  flex: 0 0 auto;
+  border-radius: 5px;
+  box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
+}
+.mylikita-widget__brand-word {
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: .3px;
+  color: var(--mlw-muted);
+}
+
 .mylikita-widget__title {
   font-size: 18px;
   font-weight: 700;
@@ -341,6 +364,24 @@ var STYLES = `
 .mylikita-widget__link-btn:hover { border-color: var(--mlw-primary); color: var(--mlw-primary); }
 `;
 
+// src/brand.js
+var MYLIKITA_MARK_DATA_URI = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODMgODA0IiB3aWR0aD0iNDgzIiBoZWlnaHQ9IjgwNCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJNeUxpa2l0YSI+CiAgICA8cmVjdCB4PSIxNjEiIHk9IjAiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIwIiB5PSIxNjAiIHdpZHRoPSIxNjIiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIzMjEiIHk9IjE2MCIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjEiIGZpbGw9IiMwMTY5REEiLz4KICAgIDxyZWN0IHg9IjAiIHk9IjQ4MiIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjIiIGZpbGw9IiMwNDk4RkIiLz4KICAgIDxyZWN0IHg9IjMyMSIgeT0iNDgyIiB3aWR0aD0iMTYyIiBoZWlnaHQ9IjE2MiIgZmlsbD0iIzA0OThGQiIvPgogICAgPHJlY3QgeD0iMTYxIiB5PSI2NDMiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDQ5OEZCIi8+Cjwvc3ZnPg==";
+function createBrandHeader() {
+  const header = document.createElement("div");
+  header.className = "mylikita-widget__brand";
+  const img = document.createElement("img");
+  img.className = "mylikita-widget__brand-mark";
+  img.src = MYLIKITA_MARK_DATA_URI;
+  img.alt = "MyLikita";
+  img.width = 24;
+  img.height = 24;
+  const word = document.createElement("span");
+  word.className = "mylikita-widget__brand-word";
+  word.textContent = "MyLikita";
+  header.append(img, word);
+  return header;
+}
+
 // src/widget.js
 var DEFAULT_TEXT = {
   title: "Book an appointment",
@@ -379,6 +420,9 @@ function createBookingWidget(element, options = {}) {
     // (GET /v1/providers) on mount and populate the doctor dropdown. The
     // static `providers` option, when given, always wins and skips the fetch.
     loadProviders: options.loadProviders === true && !(options.providers && options.providers.length),
+    // White-label flag: premium hosts can drop the MyLikita brand header.
+    // Defaults to true (brand shown); pass showBrand:false to hide it.
+    showBrand: options.showBrand !== false,
     pollIntervalMs: options.pollIntervalMs ?? 5e3,
     maxTries: options.maxTries ?? 12,
     text: { ...DEFAULT_TEXT, ...options.text || {} },
@@ -401,6 +445,7 @@ function createBookingWidget(element, options = {}) {
   let pollCtrl = null;
   const instanceId = Math.random().toString(36).slice(2, 8);
   const refKey = `mylikita_ref_${opts.facilityId}_${instanceId}`;
+  const brand = opts.showBrand ? createBrandHeader() : null;
   const form = el("form", { className: "mylikita-widget__form" });
   const title = el("h3", { className: "mylikita-widget__title", text: t.title });
   const subtitle = el("p", { className: "mylikita-widget__subtitle", text: t.subtitle });
@@ -574,7 +619,7 @@ function createBookingWidget(element, options = {}) {
     submitBtn.textContent = t.submit;
     datetime.input.min = toLocalInputValue(/* @__PURE__ */ new Date());
   }
-  root.replaceChildren(title, subtitle, form, statusView);
+  root.replaceChildren(brand, title, subtitle, form, statusView);
   let destroyProvidersFetch = null;
   if (opts.loadProviders) {
     const provCtrl = new AbortController();

package/dist/mylikita-booking-widget.esm.js

@@ -1,4 +1,4 @@
-/*! @mylikita/booking-widget v0.1.0 | MIT */
+/*! @mylikita/booking-widget v0.1.2 | MIT */
 
 // src/client.js
 async function createBooking({ relayUrl, websiteKey, payload, signal }) {
@@ -192,6 +192,27 @@ var STYLES = `
 .mylikita-widget *::before,
 .mylikita-widget *::after { box-sizing: border-box; }
 
+.mylikita-widget__brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 14px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--mlw-border);
+}
+.mylikita-widget__brand-mark {
+  display: block;
+  flex: 0 0 auto;
+  border-radius: 5px;
+  box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
+}
+.mylikita-widget__brand-word {
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: .3px;
+  color: var(--mlw-muted);
+}
+
 .mylikita-widget__title {
   font-size: 18px;
   font-weight: 700;
@@ -307,6 +328,24 @@ var STYLES = `
 .mylikita-widget__link-btn:hover { border-color: var(--mlw-primary); color: var(--mlw-primary); }
 `;
 
+// src/brand.js
+var MYLIKITA_MARK_DATA_URI = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODMgODA0IiB3aWR0aD0iNDgzIiBoZWlnaHQ9IjgwNCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJNeUxpa2l0YSI+CiAgICA8cmVjdCB4PSIxNjEiIHk9IjAiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIwIiB5PSIxNjAiIHdpZHRoPSIxNjIiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIzMjEiIHk9IjE2MCIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjEiIGZpbGw9IiMwMTY5REEiLz4KICAgIDxyZWN0IHg9IjAiIHk9IjQ4MiIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjIiIGZpbGw9IiMwNDk4RkIiLz4KICAgIDxyZWN0IHg9IjMyMSIgeT0iNDgyIiB3aWR0aD0iMTYyIiBoZWlnaHQ9IjE2MiIgZmlsbD0iIzA0OThGQiIvPgogICAgPHJlY3QgeD0iMTYxIiB5PSI2NDMiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDQ5OEZCIi8+Cjwvc3ZnPg==";
+function createBrandHeader() {
+  const header = document.createElement("div");
+  header.className = "mylikita-widget__brand";
+  const img = document.createElement("img");
+  img.className = "mylikita-widget__brand-mark";
+  img.src = MYLIKITA_MARK_DATA_URI;
+  img.alt = "MyLikita";
+  img.width = 24;
+  img.height = 24;
+  const word = document.createElement("span");
+  word.className = "mylikita-widget__brand-word";
+  word.textContent = "MyLikita";
+  header.append(img, word);
+  return header;
+}
+
 // src/widget.js
 var DEFAULT_TEXT = {
   title: "Book an appointment",
@@ -345,6 +384,9 @@ function createBookingWidget(element, options = {}) {
     // (GET /v1/providers) on mount and populate the doctor dropdown. The
     // static `providers` option, when given, always wins and skips the fetch.
     loadProviders: options.loadProviders === true && !(options.providers && options.providers.length),
+    // White-label flag: premium hosts can drop the MyLikita brand header.
+    // Defaults to true (brand shown); pass showBrand:false to hide it.
+    showBrand: options.showBrand !== false,
     pollIntervalMs: options.pollIntervalMs ?? 5e3,
     maxTries: options.maxTries ?? 12,
     text: { ...DEFAULT_TEXT, ...options.text || {} },
@@ -367,6 +409,7 @@ function createBookingWidget(element, options = {}) {
   let pollCtrl = null;
   const instanceId = Math.random().toString(36).slice(2, 8);
   const refKey = `mylikita_ref_${opts.facilityId}_${instanceId}`;
+  const brand = opts.showBrand ? createBrandHeader() : null;
   const form = el("form", { className: "mylikita-widget__form" });
   const title = el("h3", { className: "mylikita-widget__title", text: t.title });
   const subtitle = el("p", { className: "mylikita-widget__subtitle", text: t.subtitle });
@@ -540,7 +583,7 @@ function createBookingWidget(element, options = {}) {
     submitBtn.textContent = t.submit;
     datetime.input.min = toLocalInputValue(/* @__PURE__ */ new Date());
   }
-  root.replaceChildren(title, subtitle, form, statusView);
+  root.replaceChildren(brand, title, subtitle, form, statusView);
   let destroyProvidersFetch = null;
   if (opts.loadProviders) {
     const provCtrl = new AbortController();
@@ -645,10 +688,12 @@ function applyTheme(rootNode, theme) {
 }
 export {
   DEFAULT_THEME,
+  MYLIKITA_MARK_DATA_URI,
   STATUS_COPY,
   TERMINAL_STATUSES,
   createBooking,
   createBookingWidget,
+  createBrandHeader,
   fetchProviders,
   fetchStatus,
   newExternalRef,

package/dist/mylikita-booking-widget.js

@@ -1,4 +1,4 @@
-/*! @mylikita/booking-widget v0.1.0 | MIT */
+/*! @mylikita/booking-widget v0.1.2 | MIT */
 var MyLikitaBookingWidget = (() => {
   var __defProp = Object.defineProperty;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -22,10 +22,12 @@ var MyLikitaBookingWidget = (() => {
   var index_exports = {};
   __export(index_exports, {
     DEFAULT_THEME: () => DEFAULT_THEME,
+    MYLIKITA_MARK_DATA_URI: () => MYLIKITA_MARK_DATA_URI,
     STATUS_COPY: () => STATUS_COPY,
     TERMINAL_STATUSES: () => TERMINAL_STATUSES,
     createBooking: () => createBooking,
     createBookingWidget: () => createBookingWidget,
+    createBrandHeader: () => createBrandHeader,
     fetchProviders: () => fetchProviders,
     fetchStatus: () => fetchStatus,
     newExternalRef: () => newExternalRef,
@@ -226,6 +228,27 @@ var MyLikitaBookingWidget = (() => {
 .mylikita-widget *::before,
 .mylikita-widget *::after { box-sizing: border-box; }
 
+.mylikita-widget__brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 14px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--mlw-border);
+}
+.mylikita-widget__brand-mark {
+  display: block;
+  flex: 0 0 auto;
+  border-radius: 5px;
+  box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
+}
+.mylikita-widget__brand-word {
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: .3px;
+  color: var(--mlw-muted);
+}
+
 .mylikita-widget__title {
   font-size: 18px;
   font-weight: 700;
@@ -341,6 +364,24 @@ var MyLikitaBookingWidget = (() => {
 .mylikita-widget__link-btn:hover { border-color: var(--mlw-primary); color: var(--mlw-primary); }
 `;
 
+  // src/brand.js
+  var MYLIKITA_MARK_DATA_URI = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODMgODA0IiB3aWR0aD0iNDgzIiBoZWlnaHQ9IjgwNCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJNeUxpa2l0YSI+CiAgICA8cmVjdCB4PSIxNjEiIHk9IjAiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIwIiB5PSIxNjAiIHdpZHRoPSIxNjIiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIzMjEiIHk9IjE2MCIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjEiIGZpbGw9IiMwMTY5REEiLz4KICAgIDxyZWN0IHg9IjAiIHk9IjQ4MiIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjIiIGZpbGw9IiMwNDk4RkIiLz4KICAgIDxyZWN0IHg9IjMyMSIgeT0iNDgyIiB3aWR0aD0iMTYyIiBoZWlnaHQ9IjE2MiIgZmlsbD0iIzA0OThGQiIvPgogICAgPHJlY3QgeD0iMTYxIiB5PSI2NDMiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDQ5OEZCIi8+Cjwvc3ZnPg==";
+  function createBrandHeader() {
+    const header = document.createElement("div");
+    header.className = "mylikita-widget__brand";
+    const img = document.createElement("img");
+    img.className = "mylikita-widget__brand-mark";
+    img.src = MYLIKITA_MARK_DATA_URI;
+    img.alt = "MyLikita";
+    img.width = 24;
+    img.height = 24;
+    const word = document.createElement("span");
+    word.className = "mylikita-widget__brand-word";
+    word.textContent = "MyLikita";
+    header.append(img, word);
+    return header;
+  }
+
   // src/widget.js
   var DEFAULT_TEXT = {
     title: "Book an appointment",
@@ -379,6 +420,9 @@ var MyLikitaBookingWidget = (() => {
       // (GET /v1/providers) on mount and populate the doctor dropdown. The
       // static `providers` option, when given, always wins and skips the fetch.
       loadProviders: options.loadProviders === true && !(options.providers && options.providers.length),
+      // White-label flag: premium hosts can drop the MyLikita brand header.
+      // Defaults to true (brand shown); pass showBrand:false to hide it.
+      showBrand: options.showBrand !== false,
       pollIntervalMs: options.pollIntervalMs ?? 5e3,
       maxTries: options.maxTries ?? 12,
       text: { ...DEFAULT_TEXT, ...options.text || {} },
@@ -401,6 +445,7 @@ var MyLikitaBookingWidget = (() => {
     let pollCtrl = null;
     const instanceId = Math.random().toString(36).slice(2, 8);
     const refKey = `mylikita_ref_${opts.facilityId}_${instanceId}`;
+    const brand = opts.showBrand ? createBrandHeader() : null;
     const form = el("form", { className: "mylikita-widget__form" });
     const title = el("h3", { className: "mylikita-widget__title", text: t.title });
     const subtitle = el("p", { className: "mylikita-widget__subtitle", text: t.subtitle });
@@ -574,7 +619,7 @@ var MyLikitaBookingWidget = (() => {
       submitBtn.textContent = t.submit;
       datetime.input.min = toLocalInputValue(/* @__PURE__ */ new Date());
     }
-    root.replaceChildren(title, subtitle, form, statusView);
+    root.replaceChildren(brand, title, subtitle, form, statusView);
     let destroyProvidersFetch = null;
     if (opts.loadProviders) {
       const provCtrl = new AbortController();

package/dist/mylikita-booking-widget.min.js

@@ -1,5 +1,5 @@
-/*! @mylikita/booking-widget v0.1.0 | MIT */
-var MyLikitaBookingWidget=(()=>{var Y=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var fe=Object.getOwnPropertyNames;var ge=Object.prototype.hasOwnProperty;var we=(i,e)=>{for(var t in e)Y(i,t,{get:e[t],enumerable:!0})},ye=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of fe(e))!ge.call(i,a)&&a!==t&&Y(i,a,{get:()=>e[a],enumerable:!(r=pe(e,a))||r.enumerable});return i};var _e=i=>ye(Y({},"__esModule",{value:!0}),i);var Ee={};we(Ee,{DEFAULT_THEME:()=>W,STATUS_COPY:()=>C,TERMINAL_STATUSES:()=>ie,createBooking:()=>S,createBookingWidget:()=>oe,fetchProviders:()=>E,fetchStatus:()=>T,newExternalRef:()=>P,pollStatus:()=>N,resolveTheme:()=>$,statusCopy:()=>A});async function S({relayUrl:i,websiteKey:e,payload:t,signal:r}){let a=await fetch(`${H(i)}/v1/bookings`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(t),signal:r}),o=await F(a);if(a.status===409)return{ok:!0,duplicate:!0,booking_ref:o?.booking_ref,error:o?.message};if(!a.ok)throw O(a.status,o,"create");return{ok:!0,duplicate:!1,booking_ref:o?.booking_ref,status:o?.status||"pending_confirmation"}}async function E({relayUrl:i,websiteKey:e,signal:t}){let r=await fetch(`${H(i)}/v1/providers`,{headers:{Authorization:`Bearer ${e}`},signal:t}),a=await F(r);if(!r.ok)throw O(r.status,a,"providers");return(Array.isArray(a?.providers)?a.providers:[]).map(d=>({external_id:d.external_id,name:d.name||d.external_id,specialty:d.specialty||null,module:d.module||"general"}))}async function T({relayUrl:i,websiteKey:e,bookingRef:t,signal:r}){let a=await fetch(`${H(i)}/v1/bookings/${encodeURIComponent(t)}`,{headers:{Authorization:`Bearer ${e}`},signal:r}),o=await F(a);if(!a.ok)throw O(a.status,o,"status");return{booking_ref:o?.booking_ref,status:o?.status||"pending_confirmation",appt_ref:o?.appt_ref||null}}async function N(i,{intervalMs:e=5e3,maxTries:t=12,signal:r}={}){for(let a=0;a<t;a++){if(r?.aborted)return{status:"aborted",resolved:!1,data:null};let o=await i();if(o.status!=="pending_confirmation")return{status:o.status,resolved:!0,data:o};a<t-1&&await be(e,r)}return{status:"pending_confirmation",resolved:!1,data:null}}function P(){return`BK-${Date.now()}-${Math.random().toString(36).slice(2,6)}`}function H(i){return String(i||"").replace(/\/+$/,"")}function O(i,e,t){let r=new Error(e?.message||e?.error||`Relay ${t} failed (HTTP ${i})`);return r.code=e?.error||"http_error",r.status=i,r}async function F(i){try{return await i.json()}catch{return null}}function be(i,e){return new Promise(t=>{if(e?.aborted)return t();let r=()=>{clearTimeout(a),t()},a=setTimeout(()=>{e?.removeEventListener("abort",r),t()},i);e?.addEventListener("abort",r,{once:!0})})}var C={pending_confirmation:{title:"Request received",message:"We've received your booking request \u2014 we'll confirm shortly.",kind:"info"},confirmed:{title:"Appointment confirmed",message:"Your appointment is confirmed. See you at the clinic!",kind:"success"},cancelled:{title:"Appointment cancelled",message:"This appointment was cancelled. Please contact the clinic if this was unexpected.",kind:"danger"},rescheduled:{title:"Appointment rescheduled",message:"This appointment was moved \u2014 the new time was sent to you.",kind:"info"},no_show:{title:"Missed appointment",message:"This appointment was marked as missed.",kind:"danger"},expired:{title:"Request expired",message:"This booking request expired \u2014 please call the clinic to book.",kind:"danger"},poll_error:{title:"Something went wrong",message:"We could not check your booking right now. Please try again shortly.",kind:"danger"}};function A(i){return C[i]||C.pending_confirmation}var ie=["confirmed","cancelled","rescheduled","no_show","expired"];var W={primary:"#0d6efd",primaryDark:"#0b5ed7",primaryText:"#ffffff",bg:"#ffffff",text:"#1e293b",muted:"#64748b",border:"#e2e8f0",danger:"#dc3545",success:"#15803d",radius:10,font:"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif"};function $(i={}){let e={...W,...i||{}};return{"--mlw-primary":e.primary,"--mlw-primary-dark":e.primaryDark,"--mlw-primary-text":e.primaryText,"--mlw-bg":e.bg,"--mlw-text":e.text,"--mlw-muted":e.muted,"--mlw-border":e.border,"--mlw-danger":e.danger,"--mlw-success":e.success,"--mlw-radius":`${e.radius}px`,"--mlw-font":e.font}}var re=`
+/*! @mylikita/booking-widget v0.1.2 | MIT */
+var MyLikitaBookingWidget=(()=>{var Y=Object.defineProperty;var we=Object.getOwnPropertyDescriptor;var ye=Object.getOwnPropertyNames;var xe=Object.prototype.hasOwnProperty;var be=(i,e)=>{for(var t in e)Y(i,t,{get:e[t],enumerable:!0})},_e=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of ye(e))!xe.call(i,a)&&a!==t&&Y(i,a,{get:()=>e[a],enumerable:!(r=we(e,a))||r.enumerable});return i};var ve=i=>_e(Y({},"__esModule",{value:!0}),i);var Ae={};be(Ae,{DEFAULT_THEME:()=>O,MYLIKITA_MARK_DATA_URI:()=>G,STATUS_COPY:()=>N,TERMINAL_STATUSES:()=>ae,createBooking:()=>I,createBookingWidget:()=>le,createBrandHeader:()=>M,fetchProviders:()=>S,fetchStatus:()=>E,newExternalRef:()=>A,pollStatus:()=>T,resolveTheme:()=>P,statusCopy:()=>C});async function I({relayUrl:i,websiteKey:e,payload:t,signal:r}){let a=await fetch(`${q(i)}/v1/bookings`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(t),signal:r}),o=await Z(a);if(a.status===409)return{ok:!0,duplicate:!0,booking_ref:o?.booking_ref,error:o?.message};if(!a.ok)throw K(a.status,o,"create");return{ok:!0,duplicate:!1,booking_ref:o?.booking_ref,status:o?.status||"pending_confirmation"}}async function S({relayUrl:i,websiteKey:e,signal:t}){let r=await fetch(`${q(i)}/v1/providers`,{headers:{Authorization:`Bearer ${e}`},signal:t}),a=await Z(r);if(!r.ok)throw K(r.status,a,"providers");return(Array.isArray(a?.providers)?a.providers:[]).map(d=>({external_id:d.external_id,name:d.name||d.external_id,specialty:d.specialty||null,module:d.module||"general"}))}async function E({relayUrl:i,websiteKey:e,bookingRef:t,signal:r}){let a=await fetch(`${q(i)}/v1/bookings/${encodeURIComponent(t)}`,{headers:{Authorization:`Bearer ${e}`},signal:r}),o=await Z(a);if(!a.ok)throw K(a.status,o,"status");return{booking_ref:o?.booking_ref,status:o?.status||"pending_confirmation",appt_ref:o?.appt_ref||null}}async function T(i,{intervalMs:e=5e3,maxTries:t=12,signal:r}={}){for(let a=0;a<t;a++){if(r?.aborted)return{status:"aborted",resolved:!1,data:null};let o=await i();if(o.status!=="pending_confirmation")return{status:o.status,resolved:!0,data:o};a<t-1&&await he(e,r)}return{status:"pending_confirmation",resolved:!1,data:null}}function A(){return`BK-${Date.now()}-${Math.random().toString(36).slice(2,6)}`}function q(i){return String(i||"").replace(/\/+$/,"")}function K(i,e,t){let r=new Error(e?.message||e?.error||`Relay ${t} failed (HTTP ${i})`);return r.code=e?.error||"http_error",r.status=i,r}async function Z(i){try{return await i.json()}catch{return null}}function he(i,e){return new Promise(t=>{if(e?.aborted)return t();let r=()=>{clearTimeout(a),t()},a=setTimeout(()=>{e?.removeEventListener("abort",r),t()},i);e?.addEventListener("abort",r,{once:!0})})}var N={pending_confirmation:{title:"Request received",message:"We've received your booking request \u2014 we'll confirm shortly.",kind:"info"},confirmed:{title:"Appointment confirmed",message:"Your appointment is confirmed. See you at the clinic!",kind:"success"},cancelled:{title:"Appointment cancelled",message:"This appointment was cancelled. Please contact the clinic if this was unexpected.",kind:"danger"},rescheduled:{title:"Appointment rescheduled",message:"This appointment was moved \u2014 the new time was sent to you.",kind:"info"},no_show:{title:"Missed appointment",message:"This appointment was marked as missed.",kind:"danger"},expired:{title:"Request expired",message:"This booking request expired \u2014 please call the clinic to book.",kind:"danger"},poll_error:{title:"Something went wrong",message:"We could not check your booking right now. Please try again shortly.",kind:"danger"}};function C(i){return N[i]||N.pending_confirmation}var ae=["confirmed","cancelled","rescheduled","no_show","expired"];var O={primary:"#0d6efd",primaryDark:"#0b5ed7",primaryText:"#ffffff",bg:"#ffffff",text:"#1e293b",muted:"#64748b",border:"#e2e8f0",danger:"#dc3545",success:"#15803d",radius:10,font:"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif"};function P(i={}){let e={...O,...i||{}};return{"--mlw-primary":e.primary,"--mlw-primary-dark":e.primaryDark,"--mlw-primary-text":e.primaryText,"--mlw-bg":e.bg,"--mlw-text":e.text,"--mlw-muted":e.muted,"--mlw-border":e.border,"--mlw-danger":e.danger,"--mlw-success":e.success,"--mlw-radius":`${e.radius}px`,"--mlw-font":e.font}}var ne=`
 .mylikita-widget {
   --mlw-primary: #0d6efd;
   --mlw-primary-dark: #0b5ed7;
@@ -26,6 +26,27 @@ var MyLikitaBookingWidget=(()=>{var Y=Object.defineProperty;var pe=Object.getOwn
 .mylikita-widget *::before,
 .mylikita-widget *::after { box-sizing: border-box; }
 
+.mylikita-widget__brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 14px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--mlw-border);
+}
+.mylikita-widget__brand-mark {
+  display: block;
+  flex: 0 0 auto;
+  border-radius: 5px;
+  box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
+}
+.mylikita-widget__brand-word {
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: .3px;
+  color: var(--mlw-muted);
+}
+
 .mylikita-widget__title {
   font-size: 18px;
   font-weight: 700;
@@ -139,4 +160,4 @@ var MyLikitaBookingWidget=(()=>{var Y=Object.defineProperty;var pe=Object.getOwn
   cursor: pointer;
 }
 .mylikita-widget__link-btn:hover { border-color: var(--mlw-primary); color: var(--mlw-primary); }
-`;var xe={title:"Book an appointment",subtitle:"Request a slot and we will confirm shortly.",name:"Full name",phone:"Phone number",email:"Email address",provider:"Preferred doctor (optional)",noPreference:"No preference",service:"Service (optional)",datetime:"Preferred date & time",visitType:"Appointment type",visitPhysical:"In person",visitTelemedicine:"Video call",visitHome:"Home visit",notes:"Notes (optional)",submit:"Request appointment",submitting:"Submitting\u2026",bookAnother:"Book another appointment",requiredPhoneOrEmail:"Please provide a phone number or an email address.",requiredName:"Please enter your name.",requiredDatetime:"Please choose a date and time.",networkError:"Could not reach the booking service. Please try again.",rateLimited:"Too many requests \u2014 please wait a moment and try again."},ae="mylikita-widget-styles";function oe(i,e={}){if(!i)throw new Error("createBookingWidget: a container element is required");let t={relayUrl:e.relayUrl,websiteKey:e.websiteKey,facilityId:e.facilityId,providers:e.providers||[],services:e.services||[],loadProviders:e.loadProviders===!0&&!(e.providers&&e.providers.length),pollIntervalMs:e.pollIntervalMs??5e3,maxTries:e.maxTries??12,text:{...xe,...e.text||{}},theme:e.theme||{},onStatus:typeof e.onStatus=="function"?e.onStatus:null,onError:typeof e.onError=="function"?e.onError:null,onBooking:typeof e.onBooking=="function"?e.onBooking:null,externalRef:typeof e.externalRef=="function"?e.externalRef:P};if(!t.relayUrl||!t.websiteKey||!t.facilityId)throw new Error("createBookingWidget: relayUrl, websiteKey and facilityId are required");ke();let r=t.text,a=i;a.classList.add("mylikita-widget"),Se(a,t.theme);let o=!0,d=!1,u=null,f=Math.random().toString(36).slice(2,8),I=`mylikita_ref_${t.facilityId}_${f}`,y=l("form",{className:"mylikita-widget__form"}),B=l("h3",{className:"mylikita-widget__title",text:r.title}),U=l("p",{className:"mylikita-widget__subtitle",text:r.subtitle}),L=l("div",{className:"mylikita-widget__error",attrs:{role:"alert"}}),q=_("name",r.name,{required:!0}),V=l("div",{className:"mylikita-widget__row"}),z=_("phone",r.phone,{type:"tel",inputmode:"tel"}),R=_("email",r.email,{type:"email"});V.append(z.wrap,R.wrap);let g=j("provider",r.provider,[{value:"",label:r.noPreference},...t.providers.map(n=>({value:n.external_id,label:n.label||n.name||n.external_id}))]);function se(n){let s=g.input.value;g.input.replaceChildren();let c=document.createElement("option");c.value="",c.textContent=r.noPreference,g.input.append(c);for(let m of n||[]){let p=document.createElement("option");p.value=m.external_id,p.textContent=m.label||m.name||m.external_id,g.input.append(p)}s&&(g.input.value=s)}let J=t.services.length?j("service",r.service,[{value:"",label:"\u2014"},...t.services.map(n=>({value:n,label:n}))]):_("service",r.service),v=_("datetime",r.datetime,{type:"datetime-local",required:!0});v.input.min=ne(new Date);let G=j("visitType",r.visitType,[{value:"physical",label:r.visitPhysical},{value:"telemedicine",label:r.visitTelemedicine},{value:"home_visit",label:r.visitHome}]),X=_("notes",r.notes,{type:"textarea",maxlength:500}),w=l("button",{className:"mylikita-widget__submit",type:"submit",text:r.submit}),Q=l("div");Q.append(w);let M=l("p",{className:"mylikita-widget__hint"});y.append(L,q.wrap,V,g.wrap,J.wrap,v.wrap,G.wrap,X.wrap,Q,M);let b=l("div",{className:"mylikita-widget__status",attrs:{"aria-live":"polite"},hidden:!0});y.addEventListener("submit",n=>{n.preventDefault(),!d&&le()});async function le(){d=!0,D(null),w.disabled=!0,w.textContent=r.submitting;let n={facility_id:t.facilityId,patient_name:q.input.value.trim(),patient_phone:z.input.value.trim(),patient_email:R.input.value.trim(),provider_external_id:g.input.value||void 0,service_name:J.input.value.trim()||void 0,appt_datetime:v.input.value,visit_type:G.input.value||"physical",duration_mins:t.durationMins||void 0,notes:X.input.value.trim()||void 0};if(!n.patient_name)return k(r.requiredName);if(!n.patient_phone&&!n.patient_email)return k(r.requiredPhoneOrEmail);if(!n.appt_datetime||Number.isNaN(Date.parse(n.appt_datetime)))return k(r.requiredDatetime);let s=he(I);if(!s){s=t.externalRef();try{sessionStorage.setItem(I,s)}catch{}}n.external_ref=s,u=new AbortController;let c=null;try{let m=await S({relayUrl:t.relayUrl,websiteKey:t.websiteKey,payload:n,signal:u.signal});c=m.booking_ref,m.duplicate?(M.textContent="",Z("pending_confirmation",c,"We found an existing booking request for this slot \u2014 checking it\u2026")):(t.onBooking&&x(t.onBooking,m,n),Z("pending_confirmation",c,null)),de(c)}catch(m){if(!o||m?.name==="AbortError")return;let p=m.status===429?r.rateLimited:m.message||r.networkError;t.onError&&x(t.onError,m),k(p)}}async function de(n){let s;try{s=await N(()=>T({relayUrl:t.relayUrl,websiteKey:t.websiteKey,bookingRef:n,signal:u.signal}),{intervalMs:t.pollIntervalMs,maxTries:t.maxTries,signal:u.signal})}catch(c){if(!o||c?.name==="AbortError")return;t.onError&&x(t.onError,c),h("poll_error",n,c.message||r.networkError),d=!1;return}if(!(!o||s.status==="aborted")){if(t.onStatus&&s.data&&x(t.onStatus,s.data),s.resolved){try{sessionStorage.removeItem(I)}catch{}h(s.status,n)}else h("pending_confirmation",n);d=!1}}function Z(n,s,c){y.hidden=!0,B.hidden=!0,U.hidden=!0,b.hidden=!1,h(n,s,c)}function h(n,s,c){let m=A(n),p=l("div",{className:`mylikita-widget__status-icon ${m.kind}`});p.textContent=ve(m.kind);let me=l("p",{className:"mylikita-widget__status-title",text:m.title}),ce=l("p",{className:"mylikita-widget__status-message",text:c||m.message}),ue=l("p",{className:"mylikita-widget__status-ref",text:s?`Booking ref: ${s}`:""}),te=l("button",{className:"mylikita-widget__link-btn",type:"button",text:r.bookAnother});te.addEventListener("click",()=>ee()),b.replaceChildren(p,me,ce,ue,te)}function k(n){d=!1,w.disabled=!1,w.textContent=r.submit,D(n)}function D(n){L.textContent=n||"",L.classList.toggle("visible",!!n)}function ee(){try{sessionStorage.removeItem(`mylikita_ref_${t.facilityId}`)}catch{}y.reset(),D(null),b.replaceChildren(),b.hidden=!0,y.hidden=!1,B.hidden=!1,U.hidden=!1,M.textContent="",d=!1,w.disabled=!1,w.textContent=r.submit,v.input.min=ne(new Date)}a.replaceChildren(B,U,y,b);let K=null;if(t.loadProviders){let n=new AbortController;(async()=>{try{let s=await E({relayUrl:t.relayUrl,websiteKey:t.websiteKey,signal:n.signal});o&&!n.signal.aborted&&se(s)}catch(s){if(!o||s?.name==="AbortError")return;t.onError&&x(t.onError,s)}})(),K=()=>n.abort()}return{destroy(){o=!1,u&&u.abort(),K&&K(),a.replaceChildren(),a.classList.remove("mylikita-widget")},reset:ee,getForm(){return{name:q.input.value,phone:z.input.value,email:R.input.value}}}}function _(i,e,{type:t="text",required:r=!1,maxlength:a,inputmode:o}={}){let d=l("div",{className:"mylikita-widget__field"}),u=l("label",{className:"mylikita-widget__label",attrs:{for:`mlw-${i}`}});u.append(document.createTextNode(e)),r&&u.append(l("span",{className:"req",text:" *"}));let f;return t==="textarea"?f=l("textarea",{className:"mylikita-widget__textarea",attrs:{id:`mlw-${i}`,rows:3,maxlength:a||""}}):f=l("input",{className:"mylikita-widget__input",attrs:{id:`mlw-${i}`,type:t,inputmode:o||""}}),r&&f.setAttribute("required",""),d.append(u,f),{wrap:d,input:f}}function j(i,e,t){let r=l("div",{className:"mylikita-widget__field"}),a=l("label",{className:"mylikita-widget__label",attrs:{for:`mlw-${i}`}});a.textContent=e;let o=l("select",{className:"mylikita-widget__select",attrs:{id:`mlw-${i}`}});for(let d of t){let u=l("option",{text:d.label});u.value=d.value,o.append(u)}return r.append(a,o),{wrap:r,input:o}}function l(i,{className:e,text:t,attrs:r={}}={}){let a=document.createElement(i);e&&(a.className=e),t!==void 0&&(a.textContent=t);for(let[o,d]of Object.entries(r))d===void 0||d===""||a.setAttribute(o,d);return a}function ve(i){return i==="success"?"\u2713":i==="danger"?"!":"\u2026"}function he(i){try{return sessionStorage.getItem(i)||null}catch{return null}}function x(i,...e){try{i(...e)}catch{}}function ne(i){let e=t=>String(t).padStart(2,"0");return`${i.getFullYear()}-${e(i.getMonth()+1)}-${e(i.getDate())}T${e(i.getHours())}:${e(i.getMinutes())}`}function ke(){if(document.getElementById(ae))return;let i=document.createElement("style");i.id=ae,i.textContent=re,document.head.appendChild(i)}function Se(i,e){for(let[t,r]of Object.entries($(e)))i.style.setProperty(t,r)}return _e(Ee);})();
+`;var G="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODMgODA0IiB3aWR0aD0iNDgzIiBoZWlnaHQ9IjgwNCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJNeUxpa2l0YSI+CiAgICA8cmVjdCB4PSIxNjEiIHk9IjAiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIwIiB5PSIxNjAiIHdpZHRoPSIxNjIiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIzMjEiIHk9IjE2MCIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjEiIGZpbGw9IiMwMTY5REEiLz4KICAgIDxyZWN0IHg9IjAiIHk9IjQ4MiIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjIiIGZpbGw9IiMwNDk4RkIiLz4KICAgIDxyZWN0IHg9IjMyMSIgeT0iNDgyIiB3aWR0aD0iMTYyIiBoZWlnaHQ9IjE2MiIgZmlsbD0iIzA0OThGQiIvPgogICAgPHJlY3QgeD0iMTYxIiB5PSI2NDMiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDQ5OEZCIi8+Cjwvc3ZnPg==";function M(){let i=document.createElement("div");i.className="mylikita-widget__brand";let e=document.createElement("img");e.className="mylikita-widget__brand-mark",e.src=G,e.alt="MyLikita",e.width=24,e.height=24;let t=document.createElement("span");return t.className="mylikita-widget__brand-word",t.textContent="MyLikita",i.append(e,t),i}var ke={title:"Book an appointment",subtitle:"Request a slot and we will confirm shortly.",name:"Full name",phone:"Phone number",email:"Email address",provider:"Preferred doctor (optional)",noPreference:"No preference",service:"Service (optional)",datetime:"Preferred date & time",visitType:"Appointment type",visitPhysical:"In person",visitTelemedicine:"Video call",visitHome:"Home visit",notes:"Notes (optional)",submit:"Request appointment",submitting:"Submitting\u2026",bookAnother:"Book another appointment",requiredPhoneOrEmail:"Please provide a phone number or an email address.",requiredName:"Please enter your name.",requiredDatetime:"Please choose a date and time.",networkError:"Could not reach the booking service. Please try again.",rateLimited:"Too many requests \u2014 please wait a moment and try again."},oe="mylikita-widget-styles";function le(i,e={}){if(!i)throw new Error("createBookingWidget: a container element is required");let t={relayUrl:e.relayUrl,websiteKey:e.websiteKey,facilityId:e.facilityId,providers:e.providers||[],services:e.services||[],loadProviders:e.loadProviders===!0&&!(e.providers&&e.providers.length),showBrand:e.showBrand!==!1,pollIntervalMs:e.pollIntervalMs??5e3,maxTries:e.maxTries??12,text:{...ke,...e.text||{}},theme:e.theme||{},onStatus:typeof e.onStatus=="function"?e.onStatus:null,onError:typeof e.onError=="function"?e.onError:null,onBooking:typeof e.onBooking=="function"?e.onBooking:null,externalRef:typeof e.externalRef=="function"?e.externalRef:A};if(!t.relayUrl||!t.websiteKey||!t.facilityId)throw new Error("createBookingWidget: relayUrl, websiteKey and facilityId are required");Ee();let r=t.text,a=i;a.classList.add("mylikita-widget"),Te(a,t.theme);let o=!0,d=!1,u=null,f=Math.random().toString(36).slice(2,8),B=`mylikita_ref_${t.facilityId}_${f}`,de=t.showBrand?M():null,y=l("form",{className:"mylikita-widget__form"}),D=l("h3",{className:"mylikita-widget__title",text:r.title}),j=l("p",{className:"mylikita-widget__subtitle",text:r.subtitle}),R=l("div",{className:"mylikita-widget__error",attrs:{role:"alert"}}),H=x("name",r.name,{required:!0}),F=l("div",{className:"mylikita-widget__row"}),L=x("phone",r.phone,{type:"tel",inputmode:"tel"}),$=x("email",r.email,{type:"email"});F.append(L.wrap,$.wrap);let g=V("provider",r.provider,[{value:"",label:r.noPreference},...t.providers.map(n=>({value:n.external_id,label:n.label||n.name||n.external_id}))]);function me(n){let s=g.input.value;g.input.replaceChildren();let c=document.createElement("option");c.value="",c.textContent=r.noPreference,g.input.append(c);for(let m of n||[]){let p=document.createElement("option");p.value=m.external_id,p.textContent=m.label||m.name||m.external_id,g.input.append(p)}s&&(g.input.value=s)}let Q=t.services.length?V("service",r.service,[{value:"",label:"\u2014"},...t.services.map(n=>({value:n,label:n}))]):x("service",r.service),v=x("datetime",r.datetime,{type:"datetime-local",required:!0});v.input.min=se(new Date);let J=V("visitType",r.visitType,[{value:"physical",label:r.visitPhysical},{value:"telemedicine",label:r.visitTelemedicine},{value:"home_visit",label:r.visitHome}]),X=x("notes",r.notes,{type:"textarea",maxlength:500}),w=l("button",{className:"mylikita-widget__submit",type:"submit",text:r.submit}),ee=l("div");ee.append(w);let U=l("p",{className:"mylikita-widget__hint"});y.append(R,H.wrap,F,g.wrap,Q.wrap,v.wrap,J.wrap,X.wrap,ee,U);let b=l("div",{className:"mylikita-widget__status",attrs:{"aria-live":"polite"},hidden:!0});y.addEventListener("submit",n=>{n.preventDefault(),!d&&ce()});async function ce(){d=!0,z(null),w.disabled=!0,w.textContent=r.submitting;let n={facility_id:t.facilityId,patient_name:H.input.value.trim(),patient_phone:L.input.value.trim(),patient_email:$.input.value.trim(),provider_external_id:g.input.value||void 0,service_name:Q.input.value.trim()||void 0,appt_datetime:v.input.value,visit_type:J.input.value||"physical",duration_mins:t.durationMins||void 0,notes:X.input.value.trim()||void 0};if(!n.patient_name)return k(r.requiredName);if(!n.patient_phone&&!n.patient_email)return k(r.requiredPhoneOrEmail);if(!n.appt_datetime||Number.isNaN(Date.parse(n.appt_datetime)))return k(r.requiredDatetime);let s=Se(B);if(!s){s=t.externalRef();try{sessionStorage.setItem(B,s)}catch{}}n.external_ref=s,u=new AbortController;let c=null;try{let m=await I({relayUrl:t.relayUrl,websiteKey:t.websiteKey,payload:n,signal:u.signal});c=m.booking_ref,m.duplicate?(U.textContent="",te("pending_confirmation",c,"We found an existing booking request for this slot \u2014 checking it\u2026")):(t.onBooking&&_(t.onBooking,m,n),te("pending_confirmation",c,null)),ue(c)}catch(m){if(!o||m?.name==="AbortError")return;let p=m.status===429?r.rateLimited:m.message||r.networkError;t.onError&&_(t.onError,m),k(p)}}async function ue(n){let s;try{s=await T(()=>E({relayUrl:t.relayUrl,websiteKey:t.websiteKey,bookingRef:n,signal:u.signal}),{intervalMs:t.pollIntervalMs,maxTries:t.maxTries,signal:u.signal})}catch(c){if(!o||c?.name==="AbortError")return;t.onError&&_(t.onError,c),h("poll_error",n,c.message||r.networkError),d=!1;return}if(!(!o||s.status==="aborted")){if(t.onStatus&&s.data&&_(t.onStatus,s.data),s.resolved){try{sessionStorage.removeItem(B)}catch{}h(s.status,n)}else h("pending_confirmation",n);d=!1}}function te(n,s,c){y.hidden=!0,D.hidden=!0,j.hidden=!0,b.hidden=!1,h(n,s,c)}function h(n,s,c){let m=C(n),p=l("div",{className:`mylikita-widget__status-icon ${m.kind}`});p.textContent=Ie(m.kind);let pe=l("p",{className:"mylikita-widget__status-title",text:m.title}),fe=l("p",{className:"mylikita-widget__status-message",text:c||m.message}),ge=l("p",{className:"mylikita-widget__status-ref",text:s?`Booking ref: ${s}`:""}),re=l("button",{className:"mylikita-widget__link-btn",type:"button",text:r.bookAnother});re.addEventListener("click",()=>ie()),b.replaceChildren(p,pe,fe,ge,re)}function k(n){d=!1,w.disabled=!1,w.textContent=r.submit,z(n)}function z(n){R.textContent=n||"",R.classList.toggle("visible",!!n)}function ie(){try{sessionStorage.removeItem(`mylikita_ref_${t.facilityId}`)}catch{}y.reset(),z(null),b.replaceChildren(),b.hidden=!0,y.hidden=!1,D.hidden=!1,j.hidden=!1,U.textContent="",d=!1,w.disabled=!1,w.textContent=r.submit,v.input.min=se(new Date)}a.replaceChildren(de,D,j,y,b);let W=null;if(t.loadProviders){let n=new AbortController;(async()=>{try{let s=await S({relayUrl:t.relayUrl,websiteKey:t.websiteKey,signal:n.signal});o&&!n.signal.aborted&&me(s)}catch(s){if(!o||s?.name==="AbortError")return;t.onError&&_(t.onError,s)}})(),W=()=>n.abort()}return{destroy(){o=!1,u&&u.abort(),W&&W(),a.replaceChildren(),a.classList.remove("mylikita-widget")},reset:ie,getForm(){return{name:H.input.value,phone:L.input.value,email:$.input.value}}}}function x(i,e,{type:t="text",required:r=!1,maxlength:a,inputmode:o}={}){let d=l("div",{className:"mylikita-widget__field"}),u=l("label",{className:"mylikita-widget__label",attrs:{for:`mlw-${i}`}});u.append(document.createTextNode(e)),r&&u.append(l("span",{className:"req",text:" *"}));let f;return t==="textarea"?f=l("textarea",{className:"mylikita-widget__textarea",attrs:{id:`mlw-${i}`,rows:3,maxlength:a||""}}):f=l("input",{className:"mylikita-widget__input",attrs:{id:`mlw-${i}`,type:t,inputmode:o||""}}),r&&f.setAttribute("required",""),d.append(u,f),{wrap:d,input:f}}function V(i,e,t){let r=l("div",{className:"mylikita-widget__field"}),a=l("label",{className:"mylikita-widget__label",attrs:{for:`mlw-${i}`}});a.textContent=e;let o=l("select",{className:"mylikita-widget__select",attrs:{id:`mlw-${i}`}});for(let d of t){let u=l("option",{text:d.label});u.value=d.value,o.append(u)}return r.append(a,o),{wrap:r,input:o}}function l(i,{className:e,text:t,attrs:r={}}={}){let a=document.createElement(i);e&&(a.className=e),t!==void 0&&(a.textContent=t);for(let[o,d]of Object.entries(r))d===void 0||d===""||a.setAttribute(o,d);return a}function Ie(i){return i==="success"?"\u2713":i==="danger"?"!":"\u2026"}function Se(i){try{return sessionStorage.getItem(i)||null}catch{return null}}function _(i,...e){try{i(...e)}catch{}}function se(i){let e=t=>String(t).padStart(2,"0");return`${i.getFullYear()}-${e(i.getMonth()+1)}-${e(i.getDate())}T${e(i.getHours())}:${e(i.getMinutes())}`}function Ee(){if(document.getElementById(oe))return;let i=document.createElement("style");i.id=oe,i.textContent=ne,document.head.appendChild(i)}function Te(i,e){for(let[t,r]of Object.entries(P(e)))i.style.setProperty(t,r)}return ve(Ae);})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mylikita/booking-widget",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Drop-in appointment booking widget for MyLikita hospital websites. Submits bookings through the MyLikita relay (POST /v1/bookings) and polls status (GET /v1/bookings/:ref). Themeable via CSS variables.",
   "type": "module",
   "main": "dist/mylikita-booking-widget.cjs",

package/src/brand.js

@@ -0,0 +1,40 @@
+/**
+ * Brand assets for the widget.
+ *
+ * The MyLikita mark is embedded as a base64 data URI (not a network fetch) so
+ * the widget is fully self-contained — no extra HTTP request, works offline,
+ * and renders identically on every host page regardless of their origin.
+ * The vector mark stays razor-sharp at any size.
+ *
+ * The mark (frontend/public/icons/mylikita-mark.svg) is a 6-block pixel-art
+ * symbol: dark #0169DA top bar + upper arms, light #0498FB lower arms +
+ * bottom bar, with the hollow middle gap preserved.
+ *
+ * The data URI is base64 of that exact SVG (no URL-encoding pitfalls — the
+ * SVG contains `#` and `"` which would need escaping in a raw data URI).
+ */
+
+/** Base64 data URI of the MyLikita mark — embed directly in an <img src>. */
+export const MYLIKITA_MARK_DATA_URI =
+  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODMgODA0IiB3aWR0aD0iNDgzIiBoZWlnaHQ9IjgwNCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJNeUxpa2l0YSI+CiAgICA8cmVjdCB4PSIxNjEiIHk9IjAiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIwIiB5PSIxNjAiIHdpZHRoPSIxNjIiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDE2OURBIi8+CiAgICA8cmVjdCB4PSIzMjEiIHk9IjE2MCIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjEiIGZpbGw9IiMwMTY5REEiLz4KICAgIDxyZWN0IHg9IjAiIHk9IjQ4MiIgd2lkdGg9IjE2MiIgaGVpZ2h0PSIxNjIiIGZpbGw9IiMwNDk4RkIiLz4KICAgIDxyZWN0IHg9IjMyMSIgeT0iNDgyIiB3aWR0aD0iMTYyIiBoZWlnaHQ9IjE2MiIgZmlsbD0iIzA0OThGQiIvPgogICAgPHJlY3QgeD0iMTYxIiB5PSI2NDMiIHdpZHRoPSIxNjEiIGhlaWdodD0iMTYxIiBmaWxsPSIjMDQ5OEZCIi8+Cjwvc3ZnPg==';
+
+/**
+ * Build the widget header branding: the MyLikita mark + "MyLikita" wordmark.
+ * Returns a <div class="mylikita-widget__brand"> with the mark <img> and a
+ * wordmark <span> — styled by styles.js, themeable via the widget's CSS vars.
+ */
+export function createBrandHeader() {
+  const header = document.createElement('div');
+  header.className = 'mylikita-widget__brand';
+  const img = document.createElement('img');
+  img.className = 'mylikita-widget__brand-mark';
+  img.src = MYLIKITA_MARK_DATA_URI;
+  img.alt = 'MyLikita';
+  img.width = 24;
+  img.height = 24;
+  const word = document.createElement('span');
+  word.className = 'mylikita-widget__brand-word';
+  word.textContent = 'MyLikita';
+  header.append(img, word);
+  return header;
+}

package/src/index.js

@@ -13,7 +13,7 @@
  *   <script src="mylikita-booking-widget.min.js"></script>
  *   <script>
  *     MyLikitaBookingWidget.createBookingWidget(document.getElementById('booking'), {
- *       relayUrl: 'https://api.mylikita.clinic',
+ *       relayUrl: 'https://api.mylikita.com',
  *       websiteKey: 'wk_...',       // public client id — not a secret
  *       facilityId: 'F1',
  *       providers: [{ external_id: 'dr-khalil', label: 'Dr. Khalil' }],
@@ -28,3 +28,4 @@ export { createBookingWidget } from './widget.js';
 export { createBooking, fetchStatus, pollStatus, newExternalRef, fetchProviders } from './client.js';
 export { STATUS_COPY, statusCopy, TERMINAL_STATUSES } from './state.js';
 export { DEFAULT_THEME, resolveTheme } from './theme.js';
+export { MYLIKITA_MARK_DATA_URI, createBrandHeader } from './brand.js';

package/src/styles.js

@@ -31,6 +31,27 @@ export const STYLES = `
 .mylikita-widget *::before,
 .mylikita-widget *::after { box-sizing: border-box; }
 
+.mylikita-widget__brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 14px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--mlw-border);
+}
+.mylikita-widget__brand-mark {
+  display: block;
+  flex: 0 0 auto;
+  border-radius: 5px;
+  box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
+}
+.mylikita-widget__brand-word {
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: .3px;
+  color: var(--mlw-muted);
+}
+
 .mylikita-widget__title {
   font-size: 18px;
   font-weight: 700;

package/src/widget.js

@@ -12,6 +12,7 @@ import { createBooking, fetchStatus, pollStatus, newExternalRef, fetchProviders
 import { statusCopy, TERMINAL_STATUSES } from './state.js';
 import { resolveTheme } from './theme.js';
 import { STYLES as STYLES_CSS } from './styles.js';
+import { createBrandHeader } from './brand.js';
 
 const DEFAULT_TEXT = {
   title: 'Book an appointment',
@@ -53,6 +54,9 @@ export function createBookingWidget(element, options = {}) {
     // (GET /v1/providers) on mount and populate the doctor dropdown. The
     // static `providers` option, when given, always wins and skips the fetch.
     loadProviders: options.loadProviders === true && !(options.providers && options.providers.length),
+    // White-label flag: premium hosts can drop the MyLikita brand header.
+    // Defaults to true (brand shown); pass showBrand:false to hide it.
+    showBrand: options.showBrand !== false,
     pollIntervalMs: options.pollIntervalMs ?? 5000,
     maxTries: options.maxTries ?? 12,
     text: { ...DEFAULT_TEXT, ...(options.text || {}) },
@@ -84,6 +88,9 @@ export function createBookingWidget(element, options = {}) {
   const refKey = `mylikita_ref_${opts.facilityId}_${instanceId}`;
 
   // ── DOM construction ────────────────────────────────────────────────────
+  // The brand header is optional (white-label hosts pass showBrand:false);
+  // replaceChildren() ignores null, so the rest of the tree is unchanged.
+  const brand = opts.showBrand ? createBrandHeader() : null;
   const form = el('form', { className: 'mylikita-widget__form' });
 
   const title = el('h3', { className: 'mylikita-widget__title', text: t.title });
@@ -289,7 +296,7 @@ export function createBookingWidget(element, options = {}) {
     datetime.input.min = toLocalInputValue(new Date());
   }
 
-  root.replaceChildren(title, subtitle, form, statusView);
+  root.replaceChildren(brand, title, subtitle, form, statusView);
 
   // ── async provider load (Phase C2/C3) ────────────────────────────────────
   // When loadProviders is on, fetch the facility's mapped doctors and fill the