@momentco-ai/moment-sdk 0.1.2-dev.10 → 0.2.0-dev.12

package/README.md

@@ -29,7 +29,7 @@ npm install @momentco-ai/moment-sdk
 <button
   class="moment-sync-trigger"
   data-moment-team-slug="your-team-slug"
-  data-external-event-id="event-001"
+  data-moment-slug="event-001"
   data-moment-trigger-type="moment"
 >
   Add to Calendar
@@ -71,9 +71,9 @@ Place these on any element matching the trigger selector (default: `.moment-sync
 | Attribute                  | Required | Description                                                  |
 | -------------------------- | -------- | ------------------------------------------------------------ |
 | `data-moment-team-slug`    | ✅       | Team/brand slug                                              |
-| `data-external-event-id`   | No       | Specific event identifier (resolved to real ID by Moment)    |
-| `data-moment-list-slug`    | No       | List slug (resolved to moment IDs by Moment)                 |
-| `data-moment-trigger-type` | No       | `moment` (default), `list`, or `schedule`                    |
+| `data-moment-slug`         | No       | Brand-level moment slug (resolved to real ID by Moment)      |
+| `data-moment-list-slug`    | No       | List slug (resolved to a list-level subscription by Moment)  |
+| `data-moment-trigger-type` | No       | `moment` (default), `list`, or `team`                        |
 | `data-moment-ids`          | No       | Comma-separated moment IDs (fallback if slugs don't resolve) |
 | `data-moment-game-id`      | No       | Alias for `data-moment-ids`                                  |
 | `data-moment-calendar`     | No       | Pre-select provider: `google` or `outlook`                   |
@@ -93,7 +93,7 @@ You can also open the modal programmatically instead of relying on data attribut
   // Open modal
   sdk.open({
     teamSlug: 'your-team-slug',
-    externalEventId: 'event-123',
+    momentSlug: 'event-123',
     triggerType: 'moment',
     ids: ['moment-id-1'],
     calendar: 'google', // optional: skip provider selection
@@ -120,7 +120,7 @@ Programmatically create a styled trigger button:
 <script>
   const btn = createMomentButton({
     teamSlug: 'your-team-slug',
-    externalEventId: 'event-001',
+    momentSlug: 'event-001',
     triggerType: 'moment',
     label: 'Add to Calendar',
   });
@@ -161,7 +161,7 @@ You can customize trigger button appearance in a few ways:
 <script>
   const primaryBtn = createMomentButton({
     teamSlug: 'your-team-slug',
-    externalEventId: 'event-001',
+    momentSlug: 'event-001',
     triggerType: 'moment',
     label: 'Get Tickets + Calendar',
     className: 'my-calendar-btn',
@@ -177,7 +177,7 @@ You can also create plain HTML triggers and fully own styles/text:
 <button
   class="my-calendar-btn moment-sync-trigger"
   data-moment-team-slug="your-team-slug"
-  data-external-event-id="event-001"
+  data-moment-slug="event-001"
   data-moment-trigger-type="moment"
 >
   Add This Match to My Calendar
@@ -221,7 +221,7 @@ All callbacks (`onSuccess`, `onError`, `onClose`) receive a result payload:
   "type": "moment.embed.result",
   "result": "success | error | cancelled",
   "provider": "google | outlook",
-  "triggerType": "moment | list | schedule",
+  "triggerType": "moment | list | team",
   "momentIds": ["..."],
   "message": "optional details"
 }

package/dist/moment-sdk.js

@@ -1 +1 @@
-(function(u){"use strict";class g{popup=null;pollTimer=null;messageHandler=null;resultReceived=!1;opts;constructor(e){this.opts=e}open(e){this.cleanup(),this.resultReceived=!1;const t=this.buildPopupUrl(e),s=Math.round(window.screenX+(window.outerWidth-500)/2),r=Math.round(window.screenY+(window.outerHeight-700)/2);if(this.popup=window.open(t,"moment-oauth-popup",`width=500,height=700,left=${s},top=${r},menubar=no,toolbar=no,location=yes,status=no`),!this.popup||this.popup.closed){this.sendStatusToIframe("popup-blocked"),this.opts.onPopupBlocked();return}this.sendStatusToIframe("popup-opened"),this.startPolling(),this.messageHandler=i=>{if(i.origin!==this.opts.liveOrigin||i.source!==this.popup)return;const o=i.data;!o||typeof o!="object"||o.source!=="moment-live-embed"||o.type!=="moment.embed.result"||(this.resultReceived=!0,this.sendStatusToIframe("completed"),this.opts.iframeWindow&&this.opts.iframeWindow.postMessage(o,this.opts.liveOrigin),this.opts.onResult(o),this.cleanup())},window.addEventListener("message",this.messageHandler)}cleanup(){if(this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.popup&&!this.popup.closed)try{this.popup.close()}catch{}this.popup=null}buildPopupUrl(e){const t=window.location.origin,s=new URLSearchParams({provider:e.provider,teamSlug:e.teamSlug,ids:e.ids.join(","),triggerType:e.triggerType,returnOrigin:t});return`${this.opts.liveBaseUrl}/en/embed/oauth-popup?${s.toString()}`}startPolling(){this.pollTimer=setInterval(()=>{(!this.popup||this.popup.closed)&&(this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.resultReceived||(this.sendStatusToIframe("popup-closed"),this.opts.onPopupClosed()),this.cleanup())},500)}sendStatusToIframe(e){if(!this.opts.iframeWindow)return;const t={source:"moment-sdk",type:"moment.embed.oauth.status",status:e};this.opts.iframeWindow.postMessage(t,this.opts.liveOrigin)}}const f=".moment-sync-trigger",v="https://live.dev.momentco.ai";class m{opts;liveBaseUrl;liveOrigin;overlay=null;iframe=null;popupBridge=null;messageHandler=null;boundClickHandlers=new Map;activePayload=null;previousFocusedElement=null;previousBodyOverflow="";didManageBodyOverflow=!1;closeTimer=null;constructor(e){this.opts={triggerSelector:f,...e},this.liveBaseUrl=v;try{this.liveOrigin=new URL(this.liveBaseUrl).origin}catch{throw new Error(`[MomentSdk] Invalid VITE_LIVE_BASE_URL: "${this.liveBaseUrl}"`)}this.bindTriggers(),this.emitAnalytics("embed.init")}open(e){this.emitAnalytics("embed.open",{teamSlug:e.teamSlug,triggerType:e.triggerType}),this.createModal(e)}close(){this.handleCancel()}rebind(){this.unbindTriggers(),this.bindTriggers()}destroy(){this.cleanup(),this.unbindTriggers()}bindTriggers(){document.querySelectorAll(this.opts.triggerSelector).forEach(t=>{const s=i=>{i.preventDefault(),this.handleTriggerClick(t)},r=this.boundClickHandlers.get(t);r&&t.removeEventListener("click",r),t.addEventListener("click",s),this.boundClickHandlers.set(t,s)})}unbindTriggers(){this.boundClickHandlers.forEach((e,t)=>{t.removeEventListener("click",e)}),this.boundClickHandlers.clear()}handleTriggerClick(e){const t=e.getAttribute("data-moment-team-slug")??"",s=e.getAttribute("data-external-event-id")??void 0,r=e.getAttribute("data-moment-list-slug")??void 0,i=e.getAttribute("data-moment-trigger-type");let o="moment";i!=null&&i!==""&&(i==="moment"||i==="list"||i==="schedule"?o=i:console.warn("[MomentSdk] Invalid data-moment-trigger-type, falling back to 'moment':",i));const l=e.getAttribute("data-moment-ids")??e.getAttribute("data-moment-game-id")??"",d=l?l.split(",").filter(Boolean):[],a=e.getAttribute("data-moment-calendar");let c;if(a!=null&&a!==""&&(a==="google"||a==="outlook"?c=a:console.warn("[MomentSdk] Invalid data-moment-calendar, ignoring value:",a)),!t){console.warn("[MomentSdk] Missing data-moment-team-slug on trigger element");return}this.emitAnalytics("embed.trigger.click",{teamSlug:t,triggerType:o,momentIds:d}),this.open({teamSlug:t,externalEventId:s,listSlug:r,triggerType:o,ids:d,calendar:c??void 0})}createModal(e){this.cleanup(),this.previousFocusedElement=document.activeElement||null,this.activePayload=e;const t=this.buildIframeUrl(e);this.overlay=document.createElement("div"),this.overlay.setAttribute("role","presentation"),Object.assign(this.overlay.style,{position:"fixed",inset:"0",zIndex:"999999",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",backdropFilter:"blur(2px)",padding:"16px"}),this.overlay.addEventListener("click",l=>{l.target===this.overlay&&this.handleCancel()});const s=l=>{l.key==="Escape"&&this.handleCancel()};document.addEventListener("keydown",s);const r=document.createElement("div");r.setAttribute("role","dialog"),r.setAttribute("aria-modal","true"),r.setAttribute("aria-label","Calendar sync modal"),r.tabIndex=-1,Object.assign(r.style,{position:"relative",width:"100%",maxWidth:"420px",maxHeight:"90vh",borderRadius:"16px",overflow:"hidden",backgroundColor:"#ffffff",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)"});const i=document.createElement("button");i.type="button",i.textContent="ⓧ",i.setAttribute("aria-label","Close"),Object.assign(i.style,{position:"absolute",top:"8px",right:"8px",zIndex:"10",border:"none",backgroundColor:"transparent",color:"#999",fontSize:"20px",lineHeight:"1",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"}),i.addEventListener("click",()=>this.handleCancel()),this.iframe=document.createElement("iframe"),this.iframe.src=t,this.iframe.setAttribute("allow",""),this.iframe.setAttribute("sandbox","allow-scripts allow-same-origin allow-popups allow-forms"),Object.assign(this.iframe.style,{width:"100%",height:"480px",border:"none",display:"block"}),r.appendChild(i),r.appendChild(this.iframe),this.overlay.appendChild(r),document.body.appendChild(this.overlay);const o=l=>{if(l.key!=="Tab")return;const d=r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(d.length===0){l.preventDefault(),r.focus();return}const a=d[0],c=d[d.length-1],h=document.activeElement;l.shiftKey&&h===a?(l.preventDefault(),c.focus()):!l.shiftKey&&h===c&&(l.preventDefault(),a.focus())};r.addEventListener("keydown",o),i.focus(),this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",this.didManageBodyOverflow=!0,this.setupMessageListener(),this.overlay._escHandler=s,this.overlay._focusTrapHandler=o}buildIframeUrl(e){const t=new URLSearchParams;return t.set("teamSlug",e.teamSlug),e.externalEventId&&t.set("momentSlug",e.externalEventId),e.listSlug&&t.set("listSlug",e.listSlug),t.set("triggerType",e.triggerType),e.ids?.length&&t.set("ids",e.ids.join(",")),e.calendar&&t.set("calendar",e.calendar),t.set("returnOrigin",window.location.origin),t.set("embed","1"),`${this.liveBaseUrl}/en/embed/sync?${t.toString()}`}setupMessageListener(){this.messageHandler=e=>{if(e.origin!==this.liveOrigin||e.source!==this.iframe?.contentWindow)return;const t=e.data;if(!(!t||typeof t!="object")){if(t.source==="moment-live-embed"&&t.type==="moment.embed.oauth.start"){const s=t;this.emitAnalytics("oauth.start",{provider:s.provider,teamSlug:s.teamSlug}),this.handleOAuthStart(s);return}if(t.source==="moment-live-embed"&&t.type==="moment.embed.result"){const s=t;this.handleResult(s)}}},window.addEventListener("message",this.messageHandler)}handleOAuthStart(e){this.popupBridge&&(this.popupBridge.cleanup(),this.popupBridge=null),this.popupBridge=new g({liveBaseUrl:this.liveBaseUrl,liveOrigin:this.liveOrigin,iframeWindow:this.iframe?.contentWindow??null,onResult:t=>{this.handleResult(t)},onPopupBlocked:()=>{this.emitAnalytics("oauth.popup.blocked",{provider:e.provider})},onPopupClosed:()=>{this.emitAnalytics("oauth.popup.closed",{provider:e.provider})}}),this.popupBridge.open(e)}handleResult(e){if(e.result==="success")this.emitAnalytics("subscribe.success",{provider:e.provider,triggerType:e.triggerType,momentIds:e.momentIds}),this.opts.onSuccess?.(e);else if(e.result==="error")this.emitAnalytics("subscribe.error",{provider:e.provider,triggerType:e.triggerType,momentIds:e.momentIds}),this.opts.onError?.(e);else if(e.result==="cancelled")return;this.opts.onClose?.(e),this.emitAnalytics("embed.close"),this.closeTimer=setTimeout(()=>this.cleanup(),1500)}handleCancel(){this.emitAnalytics("embed.close");const t={source:"moment-live-embed",type:"moment.embed.result",result:"cancelled",triggerType:this.activePayload?.triggerType??"moment",momentIds:this.activePayload?.ids??[]};this.opts.onClose?.(t),this.cleanup()}cleanup(){if(this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.popupBridge&&(this.popupBridge.cleanup(),this.popupBridge=null),this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.overlay){const{_escHandler:e,_focusTrapHandler:t}=this.overlay;e&&document.removeEventListener("keydown",e);const s=this.overlay.firstElementChild;s&&t&&s.removeEventListener("keydown",t),this.overlay.remove(),this.overlay=null}this.iframe=null,this.activePayload=null,this.didManageBodyOverflow&&(document.body.style.overflow=this.previousBodyOverflow,this.didManageBodyOverflow=!1),this.previousFocusedElement&&typeof this.previousFocusedElement.focus=="function"&&this.previousFocusedElement.focus(),this.previousFocusedElement=null}emitAnalytics(e,t){this.opts.onAnalytics?.({event:e,timestamp:Date.now(),...t})}}function p(n){const e=document.createElement("button");return e.type="button",e.classList.add("moment-sync-trigger"),n.className&&n.className.split(" ").forEach(t=>{t&&e.classList.add(t)}),Object.assign(e.style,{backgroundColor:"#1c1917",color:"#ffffff",border:"1px solid #292524",borderRadius:"4px",padding:"8px 16px",fontSize:"14px",fontWeight:"500",cursor:"pointer",lineHeight:"1.4"}),e.setAttribute("data-moment-team-slug",n.teamSlug),n.externalEventId&&e.setAttribute("data-external-event-id",n.externalEventId),n.listSlug&&e.setAttribute("data-moment-list-slug",n.listSlug),n.triggerType&&e.setAttribute("data-moment-trigger-type",n.triggerType),n.ids?.length&&e.setAttribute("data-moment-ids",n.ids.join(",")),n.calendar&&e.setAttribute("data-moment-calendar",n.calendar),e.textContent=n.label??"Add to Calendar",e}if(typeof window<"u"){const n=window;n.MomentSdk=m,n.createMomentButton=p}u.MomentSdk=m,u.createMomentButton=p,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})})(this.MomentSdk=this.MomentSdk||{});
+(function(m){"use strict";class f{popup=null;pollTimer=null;messageHandler=null;resultReceived=!1;opts;constructor(e){this.opts=e}open(e){this.cleanup(),this.resultReceived=!1;const t=this.buildPopupUrl(e),i=Math.round(window.screenX+(window.outerWidth-500)/2),o=Math.round(window.screenY+(window.outerHeight-700)/2);if(this.popup=window.open(t,"moment-oauth-popup",`width=500,height=700,left=${i},top=${o},menubar=no,toolbar=no,location=yes,status=no`),!this.popup||this.popup.closed){this.sendStatusToIframe("popup-blocked"),this.opts.onPopupBlocked();return}this.sendStatusToIframe("popup-opened"),this.startPolling(),this.messageHandler=s=>{if(s.origin!==this.opts.liveOrigin||s.source!==this.popup)return;const r=s.data;!r||typeof r!="object"||r.source!=="moment-live-embed"||r.type!=="moment.embed.result"||(this.resultReceived=!0,this.sendStatusToIframe("completed"),this.opts.iframeWindow&&this.opts.iframeWindow.postMessage(r,this.opts.liveOrigin),this.opts.onResult(r),this.cleanup())},window.addEventListener("message",this.messageHandler)}cleanup(){if(this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.popup&&!this.popup.closed)try{this.popup.close()}catch{}this.popup=null}buildPopupUrl(e){const t=window.location.origin,i=new URLSearchParams({provider:e.provider,teamSlug:e.teamSlug,ids:e.ids.join(","),triggerType:e.triggerType,returnOrigin:t});return e.subscriptionType&&i.set("subscriptionType",e.subscriptionType),`${this.opts.liveBaseUrl}/en/embed/oauth-popup?${i.toString()}`}startPolling(){this.pollTimer=setInterval(()=>{(!this.popup||this.popup.closed)&&(this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.resultReceived||(this.sendStatusToIframe("popup-closed"),this.opts.onPopupClosed()),this.cleanup())},500)}sendStatusToIframe(e){if(!this.opts.iframeWindow)return;const t={source:"moment-sdk",type:"moment.embed.oauth.status",status:e};this.opts.iframeWindow.postMessage(t,this.opts.liveOrigin)}}const v=".moment-sync-trigger",b="https://live.dev.momentco.ai";class p{opts;liveBaseUrl;liveOrigin;overlay=null;iframe=null;popupBridge=null;messageHandler=null;boundClickHandlers=new Map;activePayload=null;previousFocusedElement=null;previousBodyOverflow="";didManageBodyOverflow=!1;closeTimer=null;constructor(e){this.opts={triggerSelector:v,...e},this.liveBaseUrl=b;try{this.liveOrigin=new URL(this.liveBaseUrl).origin}catch{throw new Error(`[MomentSdk] Invalid VITE_LIVE_BASE_URL: "${this.liveBaseUrl}"`)}this.bindTriggers(),this.emitAnalytics("embed.init")}open(e){this.emitAnalytics("embed.open",{teamSlug:e.teamSlug,triggerType:e.triggerType}),this.createModal(e)}close(){this.handleCancel()}rebind(){this.unbindTriggers(),this.bindTriggers()}destroy(){this.cleanup(),this.unbindTriggers()}bindTriggers(){document.querySelectorAll(this.opts.triggerSelector).forEach(t=>{const i=s=>{s.preventDefault(),this.handleTriggerClick(t)},o=this.boundClickHandlers.get(t);o&&t.removeEventListener("click",o),t.addEventListener("click",i),this.boundClickHandlers.set(t,i)})}unbindTriggers(){this.boundClickHandlers.forEach((e,t)=>{t.removeEventListener("click",e)}),this.boundClickHandlers.clear()}handleTriggerClick(e){const t=e.getAttribute("data-moment-team-slug")??"",i=e.getAttribute("data-moment-slug")??void 0,o=e.getAttribute("data-moment-list-slug")??void 0,s=e.getAttribute("data-moment-trigger-type");let r="moment";s!=null&&s!==""&&(s==="moment"||s==="list"||s==="team"?r=s:console.warn("[MomentSdk] Invalid data-moment-trigger-type, falling back to 'moment':",s));const l=e.getAttribute("data-moment-ids")??e.getAttribute("data-moment-game-id")??"",d=l?l.split(",").filter(Boolean):[],a=e.getAttribute("data-moment-calendar");let u;if(a!=null&&a!==""&&(a==="google"||a==="outlook"?u=a:console.warn("[MomentSdk] Invalid data-moment-calendar, ignoring value:",a)),!t){console.warn("[MomentSdk] Missing data-moment-team-slug on trigger element");return}const c=r==="team"?void 0:i,y=r==="team"?void 0:o,g=r==="team"?[]:d;this.emitAnalytics("embed.trigger.click",{teamSlug:t,triggerType:r,momentIds:g}),this.open({teamSlug:t,momentSlug:c,listSlug:y,triggerType:r,ids:g,calendar:u??void 0})}createModal(e){this.cleanup(),this.previousFocusedElement=document.activeElement||null,this.activePayload=e;const t=this.buildIframeUrl(e);this.overlay=document.createElement("div"),this.overlay.setAttribute("role","presentation"),Object.assign(this.overlay.style,{position:"fixed",inset:"0",zIndex:"999999",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",backdropFilter:"blur(2px)",padding:"16px"}),this.overlay.addEventListener("click",l=>{l.target===this.overlay&&this.handleCancel()});const i=l=>{l.key==="Escape"&&this.handleCancel()};document.addEventListener("keydown",i);const o=document.createElement("div");o.setAttribute("role","dialog"),o.setAttribute("aria-modal","true"),o.setAttribute("aria-label","Calendar sync modal"),o.tabIndex=-1,Object.assign(o.style,{position:"relative",width:"100%",maxWidth:"420px",maxHeight:"90vh",borderRadius:"16px",overflow:"hidden",backgroundColor:"#ffffff",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)"});const s=document.createElement("button");s.type="button",s.textContent="ⓧ",s.setAttribute("aria-label","Close"),Object.assign(s.style,{position:"absolute",top:"8px",right:"8px",zIndex:"10",border:"none",backgroundColor:"transparent",color:"#999",fontSize:"20px",lineHeight:"1",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"}),s.addEventListener("click",()=>this.handleCancel()),this.iframe=document.createElement("iframe"),this.iframe.src=t,this.iframe.setAttribute("allow",""),this.iframe.setAttribute("sandbox","allow-scripts allow-same-origin allow-popups allow-forms"),Object.assign(this.iframe.style,{width:"100%",height:"480px",border:"none",display:"block"}),o.appendChild(s),o.appendChild(this.iframe),this.overlay.appendChild(o),document.body.appendChild(this.overlay);const r=l=>{if(l.key!=="Tab")return;const d=o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(d.length===0){l.preventDefault(),o.focus();return}const a=d[0],u=d[d.length-1],c=document.activeElement;l.shiftKey&&c===a?(l.preventDefault(),u.focus()):!l.shiftKey&&c===u&&(l.preventDefault(),a.focus())};o.addEventListener("keydown",r),s.focus(),this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",this.didManageBodyOverflow=!0,this.setupMessageListener(),this.overlay._escHandler=i,this.overlay._focusTrapHandler=r}buildIframeUrl(e){const t=new URLSearchParams;return t.set("teamSlug",e.teamSlug),e.momentSlug&&t.set("momentSlug",e.momentSlug),e.listSlug&&t.set("listSlug",e.listSlug),t.set("triggerType",e.triggerType),e.ids?.length&&t.set("ids",e.ids.join(",")),e.calendar&&t.set("calendar",e.calendar),t.set("returnOrigin",window.location.origin),t.set("embed","1"),`${this.liveBaseUrl}/en/embed/sync?${t.toString()}`}setupMessageListener(){this.messageHandler=e=>{if(e.origin!==this.liveOrigin||e.source!==this.iframe?.contentWindow)return;const t=e.data;if(!(!t||typeof t!="object")){if(t.source==="moment-live-embed"&&t.type==="moment.embed.oauth.start"){const i=t;this.emitAnalytics("oauth.start",{provider:i.provider,teamSlug:i.teamSlug}),this.handleOAuthStart(i);return}if(t.source==="moment-live-embed"&&t.type==="moment.embed.result"){const i=t;this.handleResult(i)}}},window.addEventListener("message",this.messageHandler)}handleOAuthStart(e){this.popupBridge&&(this.popupBridge.cleanup(),this.popupBridge=null),this.popupBridge=new f({liveBaseUrl:this.liveBaseUrl,liveOrigin:this.liveOrigin,iframeWindow:this.iframe?.contentWindow??null,onResult:t=>{this.handleResult(t)},onPopupBlocked:()=>{this.emitAnalytics("oauth.popup.blocked",{provider:e.provider})},onPopupClosed:()=>{this.emitAnalytics("oauth.popup.closed",{provider:e.provider})}}),this.popupBridge.open(e)}handleResult(e){if(e.result==="success")this.emitAnalytics("subscribe.success",{provider:e.provider,triggerType:e.triggerType,momentIds:e.momentIds}),this.opts.onSuccess?.(e);else if(e.result==="error")this.emitAnalytics("subscribe.error",{provider:e.provider,triggerType:e.triggerType,momentIds:e.momentIds}),this.opts.onError?.(e);else if(e.result==="cancelled")return;this.opts.onClose?.(e),this.emitAnalytics("embed.close"),this.closeTimer=setTimeout(()=>this.cleanup(),1500)}handleCancel(){this.emitAnalytics("embed.close");const t={source:"moment-live-embed",type:"moment.embed.result",result:"cancelled",triggerType:this.activePayload?.triggerType??"moment",momentIds:this.activePayload?.ids??[]};this.opts.onClose?.(t),this.cleanup()}cleanup(){if(this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.popupBridge&&(this.popupBridge.cleanup(),this.popupBridge=null),this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.overlay){const{_escHandler:e,_focusTrapHandler:t}=this.overlay;e&&document.removeEventListener("keydown",e);const i=this.overlay.firstElementChild;i&&t&&i.removeEventListener("keydown",t),this.overlay.remove(),this.overlay=null}this.iframe=null,this.activePayload=null,this.didManageBodyOverflow&&(document.body.style.overflow=this.previousBodyOverflow,this.didManageBodyOverflow=!1),this.previousFocusedElement&&typeof this.previousFocusedElement.focus=="function"&&this.previousFocusedElement.focus(),this.previousFocusedElement=null}emitAnalytics(e,t){this.opts.onAnalytics?.({event:e,timestamp:Date.now(),...t})}}function h(n){const e=document.createElement("button");return e.type="button",e.classList.add("moment-sync-trigger"),n.className&&n.className.split(" ").forEach(t=>{t&&e.classList.add(t)}),Object.assign(e.style,{backgroundColor:"#1c1917",color:"#ffffff",border:"1px solid #292524",borderRadius:"4px",padding:"8px 16px",fontSize:"14px",fontWeight:"500",cursor:"pointer",lineHeight:"1.4"}),e.setAttribute("data-moment-team-slug",n.teamSlug),n.momentSlug&&e.setAttribute("data-moment-slug",n.momentSlug),n.listSlug&&e.setAttribute("data-moment-list-slug",n.listSlug),n.triggerType&&e.setAttribute("data-moment-trigger-type",n.triggerType),n.ids?.length&&e.setAttribute("data-moment-ids",n.ids.join(",")),n.calendar&&e.setAttribute("data-moment-calendar",n.calendar),e.textContent=n.label??"Add to Calendar",e}if(typeof window<"u"){const n=window;n.MomentSdk=p,n.createMomentButton=h}m.MomentSdk=p,m.createMomentButton=h,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})})(this.MomentSdk=this.MomentSdk||{});

package/dist/moment-sdk.mjs

@@ -1,4 +1,4 @@
-class m {
+class h {
   popup = null;
   pollTimer = null;
   messageHandler = null;
@@ -12,19 +12,19 @@ class m {
    */
   open(e) {
     this.cleanup(), this.resultReceived = !1;
-    const t = this.buildPopupUrl(e), s = Math.round(window.screenX + (window.outerWidth - 500) / 2), r = Math.round(window.screenY + (window.outerHeight - 700) / 2);
+    const t = this.buildPopupUrl(e), i = Math.round(window.screenX + (window.outerWidth - 500) / 2), o = Math.round(window.screenY + (window.outerHeight - 700) / 2);
     if (this.popup = window.open(
       t,
       "moment-oauth-popup",
-      `width=500,height=700,left=${s},top=${r},menubar=no,toolbar=no,location=yes,status=no`
+      `width=500,height=700,left=${i},top=${o},menubar=no,toolbar=no,location=yes,status=no`
     ), !this.popup || this.popup.closed) {
       this.sendStatusToIframe("popup-blocked"), this.opts.onPopupBlocked();
       return;
     }
-    this.sendStatusToIframe("popup-opened"), this.startPolling(), this.messageHandler = (i) => {
-      if (i.origin !== this.opts.liveOrigin || i.source !== this.popup) return;
-      const o = i.data;
-      !o || typeof o != "object" || o.source !== "moment-live-embed" || o.type !== "moment.embed.result" || (this.resultReceived = !0, this.sendStatusToIframe("completed"), this.opts.iframeWindow && this.opts.iframeWindow.postMessage(o, this.opts.liveOrigin), this.opts.onResult(o), this.cleanup());
+    this.sendStatusToIframe("popup-opened"), this.startPolling(), this.messageHandler = (s) => {
+      if (s.origin !== this.opts.liveOrigin || s.source !== this.popup) return;
+      const r = s.data;
+      !r || typeof r != "object" || r.source !== "moment-live-embed" || r.type !== "moment.embed.result" || (this.resultReceived = !0, this.sendStatusToIframe("completed"), this.opts.iframeWindow && this.opts.iframeWindow.postMessage(r, this.opts.liveOrigin), this.opts.onResult(r), this.cleanup());
     }, window.addEventListener("message", this.messageHandler);
   }
   /**
@@ -39,14 +39,14 @@ class m {
     this.popup = null;
   }
   buildPopupUrl(e) {
-    const t = window.location.origin, s = new URLSearchParams({
+    const t = window.location.origin, i = new URLSearchParams({
       provider: e.provider,
       teamSlug: e.teamSlug,
       ids: e.ids.join(","),
       triggerType: e.triggerType,
       returnOrigin: t
     });
-    return `${this.opts.liveBaseUrl}/en/embed/oauth-popup?${s.toString()}`;
+    return e.subscriptionType && i.set("subscriptionType", e.subscriptionType), `${this.opts.liveBaseUrl}/en/embed/oauth-popup?${i.toString()}`;
   }
   startPolling() {
     this.pollTimer = setInterval(() => {
@@ -63,8 +63,8 @@ class m {
     this.opts.iframeWindow.postMessage(t, this.opts.liveOrigin);
   }
 }
-const p = ".moment-sync-trigger", h = "https://live.dev.momentco.ai";
-class g {
+const g = ".moment-sync-trigger", f = "https://live.dev.momentco.ai";
+class v {
   opts;
   liveBaseUrl;
   liveOrigin;
@@ -80,9 +80,9 @@ class g {
   closeTimer = null;
   constructor(e) {
     this.opts = {
-      triggerSelector: p,
+      triggerSelector: g,
       ...e
-    }, this.liveBaseUrl = h;
+    }, this.liveBaseUrl = f;
     try {
       this.liveOrigin = new URL(this.liveBaseUrl).origin;
     } catch {
@@ -120,10 +120,10 @@ class g {
   // ── Private: trigger binding ──────────────────────────────────────
   bindTriggers() {
     document.querySelectorAll(this.opts.triggerSelector).forEach((t) => {
-      const s = (i) => {
-        i.preventDefault(), this.handleTriggerClick(t);
-      }, r = this.boundClickHandlers.get(t);
-      r && t.removeEventListener("click", r), t.addEventListener("click", s), this.boundClickHandlers.set(t, s);
+      const i = (s) => {
+        s.preventDefault(), this.handleTriggerClick(t);
+      }, o = this.boundClickHandlers.get(t);
+      o && t.removeEventListener("click", o), t.addEventListener("click", i), this.boundClickHandlers.set(t, i);
     });
   }
   unbindTriggers() {
@@ -132,29 +132,30 @@ class g {
     }), this.boundClickHandlers.clear();
   }
   handleTriggerClick(e) {
-    const t = e.getAttribute("data-moment-team-slug") ?? "", s = e.getAttribute("data-external-event-id") ?? void 0, r = e.getAttribute("data-moment-list-slug") ?? void 0, i = e.getAttribute("data-moment-trigger-type");
-    let o = "moment";
-    i != null && i !== "" && (i === "moment" || i === "list" || i === "schedule" ? o = i : console.warn(
+    const t = e.getAttribute("data-moment-team-slug") ?? "", i = e.getAttribute("data-moment-slug") ?? void 0, o = e.getAttribute("data-moment-list-slug") ?? void 0, s = e.getAttribute("data-moment-trigger-type");
+    let r = "moment";
+    s != null && s !== "" && (s === "moment" || s === "list" || s === "team" ? r = s : console.warn(
       "[MomentSdk] Invalid data-moment-trigger-type, falling back to 'moment':",
-      i
+      s
     ));
     const l = e.getAttribute("data-moment-ids") ?? e.getAttribute("data-moment-game-id") ?? "", d = l ? l.split(",").filter(Boolean) : [], a = e.getAttribute("data-moment-calendar");
-    let c;
-    if (a != null && a !== "" && (a === "google" || a === "outlook" ? c = a : console.warn("[MomentSdk] Invalid data-moment-calendar, ignoring value:", a)), !t) {
+    let u;
+    if (a != null && a !== "" && (a === "google" || a === "outlook" ? u = a : console.warn("[MomentSdk] Invalid data-moment-calendar, ignoring value:", a)), !t) {
       console.warn("[MomentSdk] Missing data-moment-team-slug on trigger element");
       return;
     }
+    const c = r === "team" ? void 0 : i, p = r === "team" ? void 0 : o, m = r === "team" ? [] : d;
     this.emitAnalytics("embed.trigger.click", {
       teamSlug: t,
-      triggerType: o,
-      momentIds: d
+      triggerType: r,
+      momentIds: m
     }), this.open({
       teamSlug: t,
-      externalEventId: s,
-      listSlug: r,
-      triggerType: o,
-      ids: d,
-      calendar: c ?? void 0
+      momentSlug: c,
+      listSlug: p,
+      triggerType: r,
+      ids: m,
+      calendar: u ?? void 0
     });
   }
   // ── Private: modal creation ───────────────────────────────────────
@@ -174,12 +175,12 @@ class g {
     }), this.overlay.addEventListener("click", (l) => {
       l.target === this.overlay && this.handleCancel();
     });
-    const s = (l) => {
+    const i = (l) => {
       l.key === "Escape" && this.handleCancel();
     };
-    document.addEventListener("keydown", s);
-    const r = document.createElement("div");
-    r.setAttribute("role", "dialog"), r.setAttribute("aria-modal", "true"), r.setAttribute("aria-label", "Calendar sync modal"), r.tabIndex = -1, Object.assign(r.style, {
+    document.addEventListener("keydown", i);
+    const o = document.createElement("div");
+    o.setAttribute("role", "dialog"), o.setAttribute("aria-modal", "true"), o.setAttribute("aria-label", "Calendar sync modal"), o.tabIndex = -1, Object.assign(o.style, {
       position: "relative",
       width: "100%",
       maxWidth: "420px",
@@ -189,8 +190,8 @@ class g {
       backgroundColor: "#ffffff",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
     });
-    const i = document.createElement("button");
-    i.type = "button", i.textContent = "ⓧ", i.setAttribute("aria-label", "Close"), Object.assign(i.style, {
+    const s = document.createElement("button");
+    s.type = "button", s.textContent = "ⓧ", s.setAttribute("aria-label", "Close"), Object.assign(s.style, {
       position: "absolute",
       top: "8px",
       right: "8px",
@@ -204,29 +205,29 @@ class g {
       display: "flex",
       alignItems: "center",
       justifyContent: "center"
-    }), i.addEventListener("click", () => this.handleCancel()), this.iframe = document.createElement("iframe"), this.iframe.src = t, this.iframe.setAttribute("allow", ""), this.iframe.setAttribute("sandbox", "allow-scripts allow-same-origin allow-popups allow-forms"), Object.assign(this.iframe.style, {
+    }), s.addEventListener("click", () => this.handleCancel()), this.iframe = document.createElement("iframe"), this.iframe.src = t, this.iframe.setAttribute("allow", ""), this.iframe.setAttribute("sandbox", "allow-scripts allow-same-origin allow-popups allow-forms"), Object.assign(this.iframe.style, {
       width: "100%",
       height: "480px",
       border: "none",
       display: "block"
-    }), r.appendChild(i), r.appendChild(this.iframe), this.overlay.appendChild(r), document.body.appendChild(this.overlay);
-    const o = (l) => {
+    }), o.appendChild(s), o.appendChild(this.iframe), this.overlay.appendChild(o), document.body.appendChild(this.overlay);
+    const r = (l) => {
       if (l.key !== "Tab") return;
-      const d = r.querySelectorAll(
+      const d = o.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
       );
       if (d.length === 0) {
-        l.preventDefault(), r.focus();
+        l.preventDefault(), o.focus();
         return;
       }
-      const a = d[0], c = d[d.length - 1], u = document.activeElement;
-      l.shiftKey && u === a ? (l.preventDefault(), c.focus()) : !l.shiftKey && u === c && (l.preventDefault(), a.focus());
+      const a = d[0], u = d[d.length - 1], c = document.activeElement;
+      l.shiftKey && c === a ? (l.preventDefault(), u.focus()) : !l.shiftKey && c === u && (l.preventDefault(), a.focus());
     };
-    r.addEventListener("keydown", o), i.focus(), this.previousBodyOverflow = document.body.style.overflow, document.body.style.overflow = "hidden", this.didManageBodyOverflow = !0, this.setupMessageListener(), this.overlay._escHandler = s, this.overlay._focusTrapHandler = o;
+    o.addEventListener("keydown", r), s.focus(), this.previousBodyOverflow = document.body.style.overflow, document.body.style.overflow = "hidden", this.didManageBodyOverflow = !0, this.setupMessageListener(), this.overlay._escHandler = i, this.overlay._focusTrapHandler = r;
   }
   buildIframeUrl(e) {
     const t = new URLSearchParams();
-    return t.set("teamSlug", e.teamSlug), e.externalEventId && t.set("momentSlug", e.externalEventId), e.listSlug && t.set("listSlug", e.listSlug), t.set("triggerType", e.triggerType), e.ids?.length && t.set("ids", e.ids.join(",")), e.calendar && t.set("calendar", e.calendar), t.set("returnOrigin", window.location.origin), t.set("embed", "1"), `${this.liveBaseUrl}/en/embed/sync?${t.toString()}`;
+    return t.set("teamSlug", e.teamSlug), e.momentSlug && t.set("momentSlug", e.momentSlug), e.listSlug && t.set("listSlug", e.listSlug), t.set("triggerType", e.triggerType), e.ids?.length && t.set("ids", e.ids.join(",")), e.calendar && t.set("calendar", e.calendar), t.set("returnOrigin", window.location.origin), t.set("embed", "1"), `${this.liveBaseUrl}/en/embed/sync?${t.toString()}`;
   }
   // ── Private: message handling ─────────────────────────────────────
   setupMessageListener() {
@@ -235,22 +236,22 @@ class g {
       const t = e.data;
       if (!(!t || typeof t != "object")) {
         if (t.source === "moment-live-embed" && t.type === "moment.embed.oauth.start") {
-          const s = t;
+          const i = t;
           this.emitAnalytics("oauth.start", {
-            provider: s.provider,
-            teamSlug: s.teamSlug
-          }), this.handleOAuthStart(s);
+            provider: i.provider,
+            teamSlug: i.teamSlug
+          }), this.handleOAuthStart(i);
           return;
         }
         if (t.source === "moment-live-embed" && t.type === "moment.embed.result") {
-          const s = t;
-          this.handleResult(s);
+          const i = t;
+          this.handleResult(i);
         }
       }
     }, window.addEventListener("message", this.messageHandler);
   }
   handleOAuthStart(e) {
-    this.popupBridge && (this.popupBridge.cleanup(), this.popupBridge = null), this.popupBridge = new m({
+    this.popupBridge && (this.popupBridge.cleanup(), this.popupBridge = null), this.popupBridge = new h({
       liveBaseUrl: this.liveBaseUrl,
       liveOrigin: this.liveOrigin,
       iframeWindow: this.iframe?.contentWindow ?? null,
@@ -302,8 +303,8 @@ class g {
     if (this.closeTimer && (clearTimeout(this.closeTimer), this.closeTimer = null), this.popupBridge && (this.popupBridge.cleanup(), this.popupBridge = null), this.messageHandler && (window.removeEventListener("message", this.messageHandler), this.messageHandler = null), this.overlay) {
       const { _escHandler: e, _focusTrapHandler: t } = this.overlay;
       e && document.removeEventListener("keydown", e);
-      const s = this.overlay.firstElementChild;
-      s && t && s.removeEventListener("keydown", t), this.overlay.remove(), this.overlay = null;
+      const i = this.overlay.firstElementChild;
+      i && t && i.removeEventListener("keydown", t), this.overlay.remove(), this.overlay = null;
     }
     this.iframe = null, this.activePayload = null, this.didManageBodyOverflow && (document.body.style.overflow = this.previousBodyOverflow, this.didManageBodyOverflow = !1), this.previousFocusedElement && typeof this.previousFocusedElement.focus == "function" && this.previousFocusedElement.focus(), this.previousFocusedElement = null;
   }
@@ -316,7 +317,7 @@ class g {
     });
   }
 }
-function f(n) {
+function b(n) {
   const e = document.createElement("button");
   return e.type = "button", e.classList.add("moment-sync-trigger"), n.className && n.className.split(" ").forEach((t) => {
     t && e.classList.add(t);
@@ -330,13 +331,13 @@ function f(n) {
     fontWeight: "500",
     cursor: "pointer",
     lineHeight: "1.4"
-  }), e.setAttribute("data-moment-team-slug", n.teamSlug), n.externalEventId && e.setAttribute("data-external-event-id", n.externalEventId), n.listSlug && e.setAttribute("data-moment-list-slug", n.listSlug), n.triggerType && e.setAttribute("data-moment-trigger-type", n.triggerType), n.ids?.length && e.setAttribute("data-moment-ids", n.ids.join(",")), n.calendar && e.setAttribute("data-moment-calendar", n.calendar), e.textContent = n.label ?? "Add to Calendar", e;
+  }), e.setAttribute("data-moment-team-slug", n.teamSlug), n.momentSlug && e.setAttribute("data-moment-slug", n.momentSlug), n.listSlug && e.setAttribute("data-moment-list-slug", n.listSlug), n.triggerType && e.setAttribute("data-moment-trigger-type", n.triggerType), n.ids?.length && e.setAttribute("data-moment-ids", n.ids.join(",")), n.calendar && e.setAttribute("data-moment-calendar", n.calendar), e.textContent = n.label ?? "Add to Calendar", e;
 }
 if (typeof window < "u") {
   const n = window;
-  n.MomentSdk = g, n.createMomentButton = f;
+  n.MomentSdk = v, n.createMomentButton = b;
 }
 export {
-  g as MomentSdk,
-  f as createMomentButton
+  v as MomentSdk,
+  b as createMomentButton
 };

package/dist/types/sdk/button.d.ts

@@ -5,7 +5,8 @@ import type { MomentTriggerType, CalendarProvider } from './types';
  */
 export declare function createMomentButton(options: {
     teamSlug: string;
-    externalEventId?: string;
+    /** Brand-level moment slug. */
+    momentSlug?: string;
     listSlug?: string;
     triggerType?: MomentTriggerType;
     ids?: string[];

package/dist/types/sdk/types.d.ts

@@ -1,4 +1,12 @@
-export type MomentTriggerType = 'moment' | 'list' | 'schedule';
+/**
+ * Subscription target type forwarded to the Live embed and ultimately mapped
+ * to the backend `subscriptionType`.
+ *
+ * - `moment` → subscribe to one or more specific moments
+ * - `list` → subscribe to a curated list of moments
+ * - `team` → subscribe to a team / brand schedule (all published moments)
+ */
+export type MomentTriggerType = 'moment' | 'list' | 'team';
 export type CalendarProvider = 'google' | 'outlook';
 export interface MomentSdkInitOptions {
     /** CSS selector for trigger elements. Default: ".moment-sync-trigger" */
@@ -12,14 +20,29 @@ export interface MomentSdkInitOptions {
     /** Optional analytics callback for tracking embed events. */
     onAnalytics?: (event: MomentAnalyticsEvent) => void;
 }
+/**
+ * Payload accepted by `MomentSdk.open()` and parsed from trigger element
+ * `data-moment-*` attributes.
+ *
+ * Required fields by `triggerType`:
+ * - `moment` → `teamSlug` plus EITHER `momentSlug` (brand-level moment slug)
+ *   OR `ids`
+ * - `list`   → `teamSlug` plus `listSlug` (`ids` not required — list resolves
+ *   to a single list-level subscription)
+ * - `team`   → `teamSlug` only (resolves to the brand's team-level
+ *   subscription; `listSlug`, `momentSlug`, and `ids` are ignored)
+ */
 export interface MomentSdkOpenPayload {
     teamSlug: string;
-    externalEventId?: string;
+    /** Brand-level moment slug. */
+    momentSlug?: string;
     listSlug?: string;
     triggerType: MomentTriggerType;
     ids?: string[];
     calendar?: CalendarProvider;
 }
+/** Backend subscription resource type that the embed will create */
+export type MomentSubscriptionType = 'moment' | 'list' | 'team';
 /** Iframe → Parent: request to start OAuth via popup */
 export interface MomentOAuthStartPayload {
     source: 'moment-live-embed';
@@ -28,6 +51,14 @@ export interface MomentOAuthStartPayload {
     teamSlug: string;
     ids: string[];
     triggerType: MomentTriggerType;
+    /**
+     * Authoritative backend subscription type for `ids`.
+     * The iframe is the single source of truth: when present this should be
+     * forwarded verbatim to the popup so the popup does not need to re-derive
+     * it from `triggerType` (which would mis-handle cherry-picked moment IDs
+     * under a `list`/`team` trigger).
+     */
+    subscriptionType?: MomentSubscriptionType;
     returnOrigin: string;
 }
 /** Parent → Iframe: relay OAuth popup status */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentco-ai/moment-sdk",
-  "version": "0.1.2-dev.10",
+  "version": "0.2.0-dev.12",
   "type": "module",
   "description": "Embeddable calendar sync widget for external team websites",
   "author": "Moment Co. <support@momentco.ai> (https://momentco.ai)",